📄️ Separation of Concerns
React is the antithesis of this principle. It has HTML, CSS, JavaScript, all in the same file.
📄️ Single Responsibility Principle
Meaning one "thing" should only concern about doing one thing properly. This "one thing" can be a React Component, a function or a module, etc.
📄️ How to Write a Component
Each component should be as generic as possible. Avoid creating components that are tightly coupled to specific business features or requirements. While you may initially build a component to address a particular business need, treat that as a starting point. After implementing the feature, refactor your code by extracting and splitting it into smaller, more focused components. Continue this process until you cannot extract or split the code any further.
📄️ Open Close Principle and the Role of Agile
Open Close Principle
📄️ How To Structure A React Application?
- The folder structure of any application should not tell us about whether its a react app or angular app or svelt app. What tools / frameworks we use to develop our application is a low level detail. But the folder structure is the highest level structure we see about an application. Hence the folder structure of an application should describe the overall structure of the application. Folder structure will differ application to application as all applications are different, just like floor plan blueprint of buildings vary building to building as all buildings / houses are different.
🗃️ State Management
4 items