12.62M
Category: programmingprogramming

Паттерны React

1.

Паттерны React
Ольга Парфёнова

2.

Содержание:
1. Что такое «паттерны React»;
2. Преимущества использования паттернов React;
3. Виды и примеры использования паттернов React:
• Презентационные и контейнерные компоненты
• Составные компоненты
• Условный рендеринг
• Render props
• Управляемые компоненты
• Использование хуков
• State reducer
• Компоненты высшего порядка
• Context API
2

3.

Что такое «паттерны React»?
Паттерны React — это общепринятые способы решения типичных задач, которые возникают при
разработке приложений на React. Они представляют собой опыт сообщества разработчиков,
которые выработали эффективные подходы к решению повторяющихся проблем.
Преимущества использования паттернов React:
Улучшенная читаемость кода
Масштабируемость
Удобство тестирования
Легкость поддержки
Надежность
3

4.

Презентационные и контейнерные компоненты
4

5.

Составные компоненты
5

6.

Условный рендеринг
6

7.

Render props
7

8.

Управляемые компоненты
8

9.

Использование хуков
9

10.

State reducer
10

11.

Компоненты высшего порядка
11

12.

Context API
12

13.

Источники:
1. https://blog.logrocket.com/react-design-patterns
2. https://habr.com/ru/articles/309422/
3. https://youtu.be/SmRon9z5TSw
13

14.

Благодарим за уделённое
время и внимание!
Ольга Парфёнова
astondevs.ru
English     Русский Rules