Skip to content

Vitaminvp/react-patterns

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 

react-patterns 😺

Kottans report

(still in the process of writing)

Preview link

Presentation

В репозитории собраны примеры некоторых паттернов для работы с библиотекой 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)

screenShot

Links: