Preview link

Presentation

В репозитории собраны примеры некоторых паттернов для работы с библиотекой React. Вся информация взяты из просторов Интернета. Некоторые паттерны, на мой взляд, являются противоречивыми и приведены только с ознакомительной целью.

Для примера взята кнопка switch которая последовательно реализуется с применением разных подходов и усложнением логики работы.

Примеры кода находятся в папке src\examples пронумерованны и предполагают последовательное ознакомление т.к. последующие примеры могут содержать предыдущие паттерны.

Create with create-react-app

To start:

Open http://localhost:3000 to view it in the browser.

• Default component
• Compound components
• React context
• Render Props
• Props Collections
• Prop Getters
• State Initializers
• State Reducers
• Control Props
• Provider Pattern
• Higher Order Components

• Reusable Styles
• State Reducers (with change types)
• Proxy component
• Controlled Components (submit form)
• Uncontrolled Components (submit form)

• advanced-react-patterns-v2
• advanced-react-patterns-ultrasimplified
• reactjs.org