React JS с нуля и до создания полноценного SPA-приложения

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 приложения.