React · Обучение
Как я учусь React: от маленького компонента к странице
Учебная заметка · 3 минуты чтения
Как разбиваю интерфейс на части, чтобы легче понимать и менять собственный код.
Мне проще понять React, когда начинаю с небольшого элемента интерфейса и постепенно собираю из него целую страницу.
Как я делю интерфейс
Сначала отмечаю повторяющиеся части: навигацию, карточку проекта, подпись поля. Затем отделяю состояние, которое меняется, — например, текущий фильтр — от постоянного содержимого.
Если компонент начинает отвечать сразу за несколько разных задач, я проверяю, можно ли разделить его так, чтобы каждую часть было легче читать и менять. Не дроблю страницу просто ради количества файлов: у компонента должна быть понятная роль.
Как учусь на ошибках
После сборки прохожу страницу целиком: меняю данные, сужаю экран, использую клавиатуру и читаю сообщения TypeScript. Если ошибку трудно понять, стараюсь упростить типы или разделить логику на более ясные шаги, а не скрыть предупреждение.
Это рабочая привычка, которую я ещё формирую. Мне важнее понимать, почему код устроен именно так, чем просто быстрее получить похожий результат.