react-patterns 😺
Kottans report
(still in the process of writing)
В репозитории собраны примеры некоторых паттернов для работы с библиотекой React. Вся информация взяты из просторов Интернета. Некоторые паттерны, на мой взляд, являются противоречивыми и приведены только с ознакомительной целью.
Для примера взята кнопка switch которая последовательно реализуется с применением разных подходов и усложнением логики работы.
Примеры кода находятся в папке
src\examples пронумерованны и предполагают последовательное ознакомление т.к. последующие примеры могут содержать предыдущие паттерны.
Create with create-react-app
To start:
npm install or yarn install
npm start or yarn start
Open http://localhost:3000 to view it in the browser.
React Patterns
- Default component
- Compound components
- React context
- Render Props
- Props Collections
- Prop Getters
- State Initializers
- State Reducers
- Control Props
- Provider Pattern
- Higher Order Components
Bonuses
- Reusable Styles
- State Reducers (with change types)
- Proxy component
- Controlled Components (submit form)
- Uncontrolled Components (submit form)
