Итоговый проект: приложение со списком задач
Часть курса React
До сих пор каждый урок давал вам ровно одну идею и маленький пример вокруг неё. Настоящие приложения устроены иначе. В настоящем приложении состояние (state), отрисовка списка, форма, сохранение данных и адреса страниц должны уживаться в одной кодовой базе одновременно, и сложность не в каком-то отдельном куске, а в том, чтобы решить, где каждому из них место.
Поэтому этот урок про то, как собрать всё вместе. Вы напишете законченное рабочее приложение со списком задач: добавить пункт, отметить его выполненным, удалить, и чтобы список остался на месте после перезагрузки страницы. У него будет и вторая страница по адресу /about, так что появится настоящий адрес, на который можно перейти. Ни одного нового понятия здесь нет. ...
Хочешь изучать React Итоговый проект: приложение со списком задач в реальной среде?
Нажми ниже, получи Linux-машину с React наготове и пройди Итоговый проект: приложение со списком задач на практике вместе с AI-наставником, который знает твой код.
Начать этот урокИтоговый проект: приложение со списком задачЧему вы научитесь
- Combining state, lists, controlled inputs
- Custom hook for localStorage persistence
- Small routing setup
- Putting it together
Читай этот урок на своём языке
Все уроки этого курса
17 уроков- 1Что такое React?25 мин
- 2JSX и компоненты (Components)30 мин
- 3Параметры (Props)30 мин
- 4Состояние (State) с помощью useState35 мин
- 5Обработка событий30 мин
- 6Условный рендеринг и списки30 мин
- 7Формы и управляемые поля ввода (Controlled Inputs)35 мин
- 8Эффекты (Effects) с useEffect40 мин
- 9Получение данных40 мин
- 10Компоновка компонентов (Components)35 мин
- 11Context и useContext35 мин
- 12useReducer35 мин
- 13Пользовательские хуки (Hooks)35 мин
- 14Производительность и мемоизация (Memoization)35 мин
- 15Маршрутизация с React Router40 мин
- 16Тестирование компонентов React (Components)40 мин
- 17Итоговый проект: приложение со списком задач60 мин
