Экспертный разбор работ участников
На стриме разберем работы участников по спринту 📝 DiaryApp 1, где они работали над созданием, сохранением и выводом данных о заметках, практиковали работу с датой, текстом, формой, публичным API и сложными стилями. Реализовали несколько фич и со старта типизировали приложение. Используемый стек технологий: HTML, CSS, React, TypeScript, Redux и Vite. Разбор проведет Святослав Жиличев, веб-разработчик с более чем 15-летним опытом, сотрудничавший с такими компаниями, как Paramount Pictures, Marvel Studios, Temple Run и Premier Pools. Автор YouTube-канала https://www.youtube.com/@svyat404, где он помогает начинающим разработчикам осваивать профессию, делясь опытом и лайфхаками. За плечами у него множество успешных проектов, глубокая экспертиза во всех аспектах веб-разработки и сотни часов менторства. На стриме пройдемся по общим наблюдениями: 👍 плюсам, 🛠 багам и 🚀 рекомендациям, 👀 посмотрим отдельные примеры и в конце 🎤 ответим на ваши вопросы. 🟣 ТАЙМ-КОДЫ ⇢ 00:00 – Запуск трансляции ⇢ 03:33 – Введение и формат трансляции ⇢ 06:39 – Режимы работы и разбор работ ⇢ 08:18 – Представление эксперта ⇢ 09:20 – Требования к работам и формат разбора ⇢ 10:57 – Порядок разбора работ ⇢ 12:28 – Тестирование первой работы ⇢ 17:26 – Тестирование второй работы ⇢ 20:22 – Тестирование третьей работы, часть 1 ⇢ 20:40 – Неполное ТЗ, как быть? ⇢ 22:54 – Тестирование третьей работы, часть 2 ⇢ 25:44 – Анализ кода и readme файла ⇢ 27:35 – Уязвимости в репозиториях ⇢ 30:07 – Начало анализа кода ⇢ 32:12 – Оптимизация роутов ⇢ 34:14 – Рекомендации по неймингу ⇢ 36:10 – Оптимизация кода в компонентах ⇢ 39:12 – Улучшение логики и инкапсуляция ⇢ 41:27 – Сервисы и классы ⇢ 44:38 – Излишнее типизирование ⇢ 46:40 – Плюсы первой работы ⇢ 50:25 – Рекомендации по улучшению ⇢ 51:30 – Ответы на вопросы чата ⇢ 52:20 – Разбор второй работы ⇢ 52:46 – Плюсы второй работы ⇢ 55:30 – Рекомендации по работе с контекстом и модалкой ⇢ 58:12 – Константы и их использование ⇢ 01:00:38 – Проверки и типы в Local State ⇢ 01:03:30 – Проблемы с именованием и читаемостью кода ⇢ 01:05:32 – Излишние компоненты и их влияние на производительность ⇢ 01:08:24 – Проблемы с читаемостью кода ⇢ 01:12:56 – Проблемы с типизацией ⇢ 01:14:08 – Преимущества явной типизации ⇢ 01:17:03 – Вопросы по компоненту Main ⇢ 01:17:53 – Разбор третьей работы ⇢ 01:18:02 – Реализация роутинга ⇢ 01:20:35 – Плюсы третьей работы ⇢ 01:21:36 – Структура проекта ⇢ 01:27:15 – Проблемы с состоянием и слайсами ⇢ 01:29:07 – Логика управления и Redux ⇢ 01:32:04 – Проверка консоль логов и безопасность ⇢ 01:34:45 – Переиспользование компонентов и структура ⇢ 01:36:00 – Хардкод и .env файлы ⇢ 01:38:00 – Итоги разбора третьей работы ⇢ 01:38:35 – Рекомендации по использованию фрагментов ⇢ 01:42:04 – Сохранение значений в инпуте ⇢ 01:44:22 – Использование Stage и Redux ⇢ 01:47:08 – Использование Window в React ⇢ 01:50:20 – Разбор и рекомендация по реализации подсчёта тегов ⇢ 02:11:37 – Разбор и рекомендация по реализации дропдауна с тегами ⇢ 02:23:20 – Заключение, благодарности и анонс будущих стримов 🟡 ССЫЛКИ ⇢ Сайт: https://preax.ru ⇢ Почта: join@preax.ru ⇢ Telegram: https://t.me/preax_ru #frontend #фронтенд #код_ревью #code_review #html #css #javascript #react #typescript #reduxtoolkit #vite
На стриме разберем работы участников по спринту 📝 DiaryApp 1, где они работали над созданием, сохранением и выводом данных о заметках, практиковали работу с датой, текстом, формой, публичным API и сложными стилями. Реализовали несколько фич и со старта типизировали приложение. Используемый стек технологий: HTML, CSS, React, TypeScript, Redux и Vite. Разбор проведет Святослав Жиличев, веб-разработчик с более чем 15-летним опытом, сотрудничавший с такими компаниями, как Paramount Pictures, Marvel Studios, Temple Run и Premier Pools. Автор YouTube-канала https://www.youtube.com/@svyat404, где он помогает начинающим разработчикам осваивать профессию, делясь опытом и лайфхаками. За плечами у него множество успешных проектов, глубокая экспертиза во всех аспектах веб-разработки и сотни часов менторства. На стриме пройдемся по общим наблюдениями: 👍 плюсам, 🛠 багам и 🚀 рекомендациям, 👀 посмотрим отдельные примеры и в конце 🎤 ответим на ваши вопросы. 🟣 ТАЙМ-КОДЫ ⇢ 00:00 – Запуск трансляции ⇢ 03:33 – Введение и формат трансляции ⇢ 06:39 – Режимы работы и разбор работ ⇢ 08:18 – Представление эксперта ⇢ 09:20 – Требования к работам и формат разбора ⇢ 10:57 – Порядок разбора работ ⇢ 12:28 – Тестирование первой работы ⇢ 17:26 – Тестирование второй работы ⇢ 20:22 – Тестирование третьей работы, часть 1 ⇢ 20:40 – Неполное ТЗ, как быть? ⇢ 22:54 – Тестирование третьей работы, часть 2 ⇢ 25:44 – Анализ кода и readme файла ⇢ 27:35 – Уязвимости в репозиториях ⇢ 30:07 – Начало анализа кода ⇢ 32:12 – Оптимизация роутов ⇢ 34:14 – Рекомендации по неймингу ⇢ 36:10 – Оптимизация кода в компонентах ⇢ 39:12 – Улучшение логики и инкапсуляция ⇢ 41:27 – Сервисы и классы ⇢ 44:38 – Излишнее типизирование ⇢ 46:40 – Плюсы первой работы ⇢ 50:25 – Рекомендации по улучшению ⇢ 51:30 – Ответы на вопросы чата ⇢ 52:20 – Разбор второй работы ⇢ 52:46 – Плюсы второй работы ⇢ 55:30 – Рекомендации по работе с контекстом и модалкой ⇢ 58:12 – Константы и их использование ⇢ 01:00:38 – Проверки и типы в Local State ⇢ 01:03:30 – Проблемы с именованием и читаемостью кода ⇢ 01:05:32 – Излишние компоненты и их влияние на производительность ⇢ 01:08:24 – Проблемы с читаемостью кода ⇢ 01:12:56 – Проблемы с типизацией ⇢ 01:14:08 – Преимущества явной типизации ⇢ 01:17:03 – Вопросы по компоненту Main ⇢ 01:17:53 – Разбор третьей работы ⇢ 01:18:02 – Реализация роутинга ⇢ 01:20:35 – Плюсы третьей работы ⇢ 01:21:36 – Структура проекта ⇢ 01:27:15 – Проблемы с состоянием и слайсами ⇢ 01:29:07 – Логика управления и Redux ⇢ 01:32:04 – Проверка консоль логов и безопасность ⇢ 01:34:45 – Переиспользование компонентов и структура ⇢ 01:36:00 – Хардкод и .env файлы ⇢ 01:38:00 – Итоги разбора третьей работы ⇢ 01:38:35 – Рекомендации по использованию фрагментов ⇢ 01:42:04 – Сохранение значений в инпуте ⇢ 01:44:22 – Использование Stage и Redux ⇢ 01:47:08 – Использование Window в React ⇢ 01:50:20 – Разбор и рекомендация по реализации подсчёта тегов ⇢ 02:11:37 – Разбор и рекомендация по реализации дропдауна с тегами ⇢ 02:23:20 – Заключение, благодарности и анонс будущих стримов 🟡 ССЫЛКИ ⇢ Сайт: https://preax.ru ⇢ Почта: join@preax.ru ⇢ Telegram: https://t.me/preax_ru #frontend #фронтенд #код_ревью #code_review #html #css #javascript #react #typescript #reduxtoolkit #vite