Что не так с React.js? Best practices vs code smells, Александр Погорелов - Frontend

Подписывайтесь на наш канал здесь и в телеграмм https://t.me/meetups_evrone, чтобы быть в курсе будущих митапов и не пропускать полезные доклады! Александр Погорелов, Senior Frontend Developer, Teamlead, DataArt Доклад начну с представления себя и плана презентации, потом разберу каждый из смысловых блоков, которых всего три: немного о самом фреймворке; разбор "запахов" кода; разбор лучших практик. Доклад будет полезен фронтенд разработчикам любого уровня, новички узнают что-то новое, матёрые разработчики освежат память. Используя подходы описанные в докладе, ваш код будет чище, читабельнее и поддерживаемее, потому что все примеры взяты из реальной жизни, из реальных проектов. В конце будут даны ссылки на используемые источники и репозиторий с примерами использования лучших практик представленных в презентации. 0:28 Вступление 1:07 Что не так с React.js 3:57 Code Smells / Много props 4:52 Неконсистентные props 5:38 Разные сущности в одном useEffect 6:12 Props in useState 8:16 God Component 9:33 Context as Redux 10:08 Сырые данные 12:14 Общепрограммистские Best practices 14:49 Сокрытие сложности 15:13 Components & Containers 16:41 Custom Hooks 17:53 High Order Components 18:42 Context API 19:24 Function as a Child 20:12 Оптимизация / React.memo 21:58 useCallback (useMemo) 23:32 God Context 25:02 Итоги

Новые рецепты. React(Vue) Query вместо вашего любимого state manager
▶︎

Новые рецепты. React(Vue) Query вместо вашего любимого state manager

Почему ваши React-компоненты невозможно читать
▶︎

Почему ваши React-компоненты невозможно читать

Руководитель должен решать эти задачи - КУЛ №3
▶︎

Руководитель должен решать эти задачи - КУЛ №3

Тёма Сенюков — Next.js. Как ты вообще рендеришь?
▶︎

Тёма Сенюков — Next.js. Как ты вообще рендеришь?

Как разделить код на React компоненты правильно | Эволюция моего подхода  |  Компоненты по SOLID
▶︎

Как разделить код на React компоненты правильно | Эволюция моего подхода | Компоненты по SOLID

БЫСТРЫЙ FRONTEND. Оптимизация. Как писать JAVASCRIPT эффективно?
▶︎

БЫСТРЫЙ FRONTEND. Оптимизация. Как писать JAVASCRIPT эффективно?

React (базовый)
▶︎

React (базовый)

Александр Гузенко — Путеводитель по архитектуре фронтенда в 2024
▶︎

Александр Гузенко — Путеводитель по архитектуре фронтенда в 2024

React мемоизация - useCallback, useMemo, memo
▶︎

React мемоизация - useCallback, useMemo, memo

Валерий Баранов — React Query в деле: как Яндекс Командировки уже три года живут без state-менеджера
▶︎

Валерий Баранов — React Query в деле: как Яндекс Командировки уже три года живут без state-менеджера

Фронтенд в 2024: React, AI, jQuery? Большой стрим с Андреем Мелиховым
▶︎

Фронтенд в 2024: React, AI, jQuery? Большой стрим с Андреем Мелиховым

Live-coding: Чистая архитектура во фронтенде / Александр Беспоясов
▶︎

Live-coding: Чистая архитектура во фронтенде / Александр Беспоясов

Самое опасное когнитивное искажение [Veritasium]
▶︎

Самое опасное когнитивное искажение [Veritasium]

ASMR Addictive Fast Tapping Collection For Deep Sleep & Anxiety Relief (No Talking) — 2.5 Hours
▶︎

ASMR Addictive Fast Tapping Collection For Deep Sleep & Anxiety Relief (No Talking) — 2.5 Hours

All 12 useState & useEffect Mistakes Junior React Developers Still Make in 2026
▶︎

All 12 useState & useEffect Mistakes Junior React Developers Still Make in 2026

Zig 2026: No-AI Policy, $670K Foundation, Left GitHub & Why Zig Isn’t 1.0 - Andrew Kelley Explains
▶︎

Zig 2026: No-AI Policy, $670K Foundation, Left GitHub & Why Zig Isn’t 1.0 - Andrew Kelley Explains

Открываем все секреты React Context API
▶︎

Открываем все секреты React Context API

Hotwire и другие фантазии DHH, выпуск 10
▶︎

Hotwire и другие фантазии DHH, выпуск 10

03. Асинхронность в JS – Григорий Бизюкин
▶︎

03. Асинхронность в JS – Григорий Бизюкин

Дмитрий Грош — Батчинг в React
▶︎

Дмитрий Грош — Батчинг в React