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

Рад, что вы оценили формат код-ревью. В новом выпуске продолжаем разбирать пуллреквесты студентов из программы командных проектов. Сегодня будем комментировать модуль сброса пароля на стеке React, Next.js и Typescript. Обсудим важные замечания по pre-commit (точнее, его отсутствию), по названию функций, по обращению к window, по использованию yup, hook-form и многим другим моментам, которые крайне важно учитывать при разработке подобных форм. Приходите смотреть выпуск, разберемся со всеми нюансами. Телеграм-канал с новостями веб-разработки, полезными материалами, возможностью участвовать в карьерных консультациях, мок-интервью и активным чатом на 4 000 ребят с самым разным опытом, присоединяйтесь! ✈️ https://t.me/purple_code_channel 🔥 Интенсив, где получите опыт работы в командных проектах под руководством опытного наставника — https://purpleschool.ru/projects/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D0%BE%D0%B4-%D1%80%D0%B5%D0%B2%D1%8C%D1%8E%3A+7+%D1%81%D0%B5%D1%80%D1%8C%D0%B5%D0%B7%D0%BD%D1%8B%D1%85+%D0%BE%D1%88%D0%B8%D0%B1%D0%BE%D0%BA.+%D1%81%D0%B1%D1%80%D0%BE%D1%81+%D0%BF%D0%B0%D1%80%D0%BE%D0%BB%D1%8F.+%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0+%D1%81+react%2C+next.js%2C+typescript.r2 📚 Десятки доступных курсов по разработке, тестированию и DevOps на нашей супер-платформе — https://purpleschool.ru/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D0%BE%D0%B4-%D1%80%D0%B5%D0%B2%D1%8C%D1%8E%3A+7+%D1%81%D0%B5%D1%80%D1%8C%D0%B5%D0%B7%D0%BD%D1%8B%D1%85+%D0%BE%D1%88%D0%B8%D0%B1%D0%BE%D0%BA.+%D1%81%D0%B1%D1%80%D0%BE%D1%81+%D0%BF%D0%B0%D1%80%D0%BE%D0%BB%D1%8F.+%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0+%D1%81+react%2C+next.js%2C+typescript. Бесплатные материалы 🗂️ Карьерные пути для развития в разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D0%BE%D0%B4-%D1%80%D0%B5%D0%B2%D1%8C%D1%8E%3A+7+%D1%81%D0%B5%D1%80%D1%8C%D0%B5%D0%B7%D0%BD%D1%8B%D1%85+%D0%BE%D1%88%D0%B8%D0%B1%D0%BE%D0%BA.+%D1%81%D0%B1%D1%80%D0%BE%D1%81+%D0%BF%D0%B0%D1%80%D0%BE%D0%BB%D1%8F.+%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0+%D1%81+react%2C+next.js%2C+typescript. 🗂️ Курс «Основы разработки» — https://purpleschool.ru/course/code-basics/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D0%BE%D0%B4-%D1%80%D0%B5%D0%B2%D1%8C%D1%8E%3A+7+%D1%81%D0%B5%D1%80%D1%8C%D0%B5%D0%B7%D0%BD%D1%8B%D1%85+%D0%BE%D1%88%D0%B8%D0%B1%D0%BE%D0%BA.+%D1%81%D0%B1%D1%80%D0%BE%D1%81+%D0%BF%D0%B0%D1%80%D0%BE%D0%BB%D1%8F.+%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0+%D1%81+react%2C+next.js%2C+typescript. 🗂️ Курс «CSS Flexbox» — https://purpleschool.ru/course/flexbox/?utm_source=youtube&utm_medium=link&utm_campaign=%D0%BA%D0%BE%D0%B4-%D1%80%D0%B5%D0%B2%D1%8C%D1%8E%3A+7+%D1%81%D0%B5%D1%80%D1%8C%D0%B5%D0%B7%D0%BD%D1%8B%D1%85+%D0%BE%D1%88%D0%B8%D0%B1%D0%BE%D0%BA.+%D1%81%D0%B1%D1%80%D0%BE%D1%81+%D0%BF%D0%B0%D1%80%D0%BE%D0%BB%D1%8F.+%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0+%D1%81+react%2C+next.js%2C+typescript. Полезные видео 🍿 Прошлый выпуск код-ревью — https://www.youtube.com/watch?v=rXmU1lklnLc 🍿 Свежий выпуск новостей веб-разработки — https://www.youtube.com/watch?v=R78XM7J3ExQ 🍿 Собеседование Frontend-разраотчика — https://www.youtube.com/watch?v=6LdQBI0anMQ Таймкоды 00:00 — Интро 00:27 — Комментарий 1: Eslint и pre-commit 02:13 — Комментарий 2: Название функций и переменных 03:57 — Комментарий 3: Обращение к window 06:09 — Телеграм-сообщество для разработчиков 06:29 — Комментарий 4: Описание ошибок 08:09 — Комментарий 5: Запрос на сервер 09:58 — Комментарий 6: Обработка ошибок 11:28 — Материалы для разработчиков 12:07 — Комментарий 7: Использование yup и hook-form 14:09 — Аутро