Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Код-ревью: 8 ошибок в 1 кнопке! Переписываем реальный проект на React.

Автор: PurpleSchool | Anton Larichev

Загружено: 2024-12-19

Просмотров: 15607

Описание:

На практических проектах со студентами каждый день ревьюим код по совершенно разным направлениям. Накопилось уже много подробных PR и мы подумали, что этот материал может оказаться полезным не только практикующимся студентам, но и в целом тем, кто стремится к апгрейду своих проектов. Будем говорить как об ошибках, так и о фишках, которые всего за пару строк сильно повышают общее качество кода.

В этом видео разберем кнопку в проекте на React. Основные моменты, которые затронем: conditional styles, разделение ответственности, наследование, замешивание логики, Props, работа с Shared UI, наличие Ref / forwardRef, использование className, грамотное наименование цветов. Все перепишем и проверим на практике.

Если формат понравится — пишите в комментариях, что хотели бы разобрать в следующих выпусках. По комментариям будем подбирать кейсы для следующих видео.

Полезные видео:
🍿 Вышел React 19 —    • Новый React 19: 7 изменений. Что внедрять?...  
🍿 Последний выпуск новостей веб-разработки —    • Новости веб-разработки: Vite 6, Angular 19...  

Телеграм-канал с советами по разработке:
https://t.me/purple_code_channel

Бесплатные бонусы:
➔ Бесплатная карта развития в разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_s...
➔ Бесплатный курс «Основы разработки» — https://purpleschool.ru/course/code-b...
➔ Бесплатный курс «CSS Flexbox» — https://purpleschool.ru/course/flexbo...

Полное обучение:
➔ Доступный практический курс по React. Вместе напишем 4 комплексных проекта и освоим ключевые навыки работы с Hooks, Redux Toolkit, React Router с поддержкой наставника — https://purpleschool.ru/course/react-...

Навигация:
0:00 — Интро
1:04 — 1: Лишние Conditional styles
2:07 — 2: Разделение ответственности в рамках компонента
3:40 — 3: Отсутствие наследования
5:23 — 4: Замешивание логики
8:42 — 5: Важные моменты в Props
10:48 — 6: Наличие Ref / forwardRef
12:31 — 7: Использование className
12:57 — 8: Наименование цветов
13:56 — Аутро

Код-ревью: 8 ошибок в 1 кнопке! Переписываем реальный проект на React.

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Код-ревью: 7 серьезных ошибок. Сброс пароля. Работа с React, Next.js, Typescript.

Код-ревью: 7 серьезных ошибок. Сброс пароля. Работа с React, Next.js, Typescript.

Новый React 19: 7 изменений. Что внедрять? Тестируем useActionState, useFormStatus, ref, use и др.

Новый React 19: 7 изменений. Что внедрять? Тестируем useActionState, useFormStatus, ref, use и др.

Dokploy - простой деплой ваших проектов | Docker, Docker Swarm, DevOps

Dokploy - простой деплой ваших проектов | Docker, Docker Swarm, DevOps

Собеседование Middle Frontend-разработчика + Live Coding | JS, Typescript, React, FSD, Next.js

Собеседование Middle Frontend-разработчика + Live Coding | JS, Typescript, React, FSD, Next.js

Программируем с Google Antigravity + Gemini 3 Pro. СМОЖЕТ КАЖДЫЙ!

Программируем с Google Antigravity + Gemini 3 Pro. СМОЖЕТ КАЖДЫЙ!

5 продвинутых паттернов в React

5 продвинутых паттернов в React

useEffect подробно - как работает, когда вызываются эффекты

useEffect подробно - как работает, когда вызываются эффекты

React Hook Form - простая работа с формами

React Hook Form - простая работа с формами

Евгений Паромов — 3 главных недостатка FSD после 3 лет использования

Евгений Паромов — 3 главных недостатка FSD после 3 лет использования

Правила хуков в React - учим раз и навсегда! #react

Правила хуков в React - учим раз и навсегда! #react

Долина вернет деньги — но ее это не спасет | Бабушкина схема, мошенники, вторичка, квартиры

Долина вернет деньги — но ее это не спасет | Бабушкина схема, мошенники, вторичка, квартиры

React и Next js убивают фронтенд!

React и Next js убивают фронтенд!

Трамп работает на Путина. Кладбище в Изюме. Крым окруженный океаном.

Трамп работает на Путина. Кладбище в Изюме. Крым окруженный океаном.

Стоит ли жизнь в США своих денег после 9 лет в эмиграции

Стоит ли жизнь в США своих денег после 9 лет в эмиграции

Storybook - Быстрый курс по работе и тестированию с React

Storybook - Быстрый курс по работе и тестированию с React

Новая стратегия безопасности США | Что там про Европу и Путина (English subtitles) @Max_Katz

Новая стратегия безопасности США | Что там про Европу и Путина (English subtitles) @Max_Katz

Взялись за комиков. Нурлана Сабурова отменяют z-пропагандисты

Взялись за комиков. Нурлана Сабурова отменяют z-пропагандисты

Бизнесу НЕ ВЫЖИТЬ в России! 5 причин почему вам не нужно открывать свой бизнес / Борис Зарьков

Бизнесу НЕ ВЫЖИТЬ в России! 5 причин почему вам не нужно открывать свой бизнес / Борис Зарьков

State of JavaScript 2024: Все, что нужно знать! Главные фичи JS за год. Полный обзор State of JS

State of JavaScript 2024: Все, что нужно знать! Главные фичи JS за год. Полный обзор State of JS

Жизненный цикл React компонентов | Все что нужно знать за 12 минут

Жизненный цикл React компонентов | Все что нужно знать за 12 минут

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]