SOLID rules#
- Single responsibility principle
- Open-closed principle
- Liskov substitution principle
- Interface segregation principle
- Dependency inversion principle
Tips#
总的来说，除了3、5、8，其他或多或少是SOLID原则的延伸
- 单独存放 Constants/Hard-coded values/Magic values
- 合理的 Folder structure，eg：public&src/components&contexts&lib
- use Fragment
- isolate layout styles from reusable components
- use typescript
- keep components simple，参考SOLID rules
- 子组件避免从父组件传递 setter，传递 handler，复杂操作逻辑写在 handler里面，子组件只需要调用 handle（）就行；参考单一责任原则。
- useMemo, useCallback & React.memo()
- keep useEffect simple: one concern per useEffect
- useEffect() & fetch ==> useQuery()
- use custom hooks