React - одна из самых интересных и популярных библиотек для создания клиентских приложений на javascript. Данный курс сфокусирован на изучение данной библиотеки и охватывает полный цикл разработки приложения: от понимания азов библиотеки до создания приложения, его оптимизации и тестирования. После прохождения курса вы получаете реальное большой react приложение с несколькими страницами, использованием open weather API для запроса данных с сервера и вывод данных в приложении.
Создаем многостраничное приложение
Пишем приложение для показа погоды городов, которые будем добавлять. У каждого города будет возможность вывести прогноз погоды на ближайшие дни. Приложение будет состоять из нескольких страниц, переход по которым будет динамическим без перезагрузки страницы и будет полноценным SPA приложением. Также приложение будет иметь большое хранилище данных в стиле Redux, которое используется в большинстве React приложений.
Постепенная нагрузка
Начинаем с основ React и переходим к более сложной логике приложения, используя ранее изученные техники. Разбираемся как работает та или иная особенность React на примерах из реальной жизни. Отдыхаем от постоянной теории, практикуя верстку и дополняя наше приложения красивыми UI элементами, оптимизируя и полируя наше приложение.
Большая база материалов для обучения
На осмотр каждой функции/механизма React в лекцию прикрепляются ссылки на документацию, схемы работы и другие полезные материалы. Вы можете использовать данный курс как конспект, в котором будет структурировано храниться учебный материал.
Практика
Сразу же отрабатываем полученные знания на примере приложения, которое будем создавать. Учим функцию состояния для приложения и сразу же используем её для поля ввода города. Находим места для оптимизации в приложении и сразу же оптимизируем на примере нашего приложения. Меньше абстрактных и изолированных примеров, но больше использования полученных знаний сразу же на примере реального приложения.
Актуальные знания
Изучаем не только классовые компоненты React, но и функциональные, React hooks, создаем свои собственные и следуем самым актуальным трендам создания React приложений. Разбираемся в каком стиле писались приложения раньше, чтобы уметь поддерживать ранее написанный кем-то код, а также изучаем современные инструменты написания React приложений и разбираемся в их отличиях.
Полный цикл разработки
На примере нашего приложения мы охватываем полный цикл разработки, начиная от написания кода, его оптимизации и рефакторинга, затем тестируем код и пишем unit тесты. В результате получаем готовое приложение, с которым могут взаимодействовать пользователи.
После прохождения курса вы сможете:
Разрабатывать реальные приложения на React
С полученными знаниями вы сможете эффективно писать приложения с нуля, строя архитектуру по шаблону приложения, которое мы будем создавать в данном курсе. Вы научитесь использовать шаблонизатор приложений React для своих будущих проектов.
Разбираться в существующих приложениях как front-end разработчик и член команды
Понимание как работает React поможет вам без труда разбираться в кем-то написанных React приложениях. Вы сможете оптимизировать эти приложения, изменять их логику и находить их проблемы и баги для исправления.
Разрабатывать мобильные приложения
React также используется для разработки мобильных приложений и с накопленными знаниями у вас будет возможность переключиться в react-native разработчика мобильных приложений.
Покрывать тестами приложения
Изучив unit тестирование, вы сможете покрывать unit тестами новые или уже существующие React приложения.