React
Getting Started

Junior Dev ~ 1,5 месяца

Всё для создания одностраничного приложения (SPA) на React. Фундаментальная база, с которой сложные клиентские приложения уже не кажутся такими сложными.

Легко совмещать с основной работой

вы должны знать:

Основы JS
Git/Mercurial
This и его принципы работы
Hoisting
Прототипы
DOM API

Стек технологий

React
Redux
ES6
Git

Польза от CSSSR.School

Приобретенных навыков и знаний будет достаточно для работы в IT-компаниях.

Уверенность в знаниях
Вы точно будете знать, как правильно
Системность знаний очень важна. Часто это становится понятно только на собеседованиях. В этих материалах база, на которую потом прекрасно лягут практические навыки и новые, более глубокие знания.
Эталонный проект в портфолио
Интернет-магазин, прошедший наше код-ревью
Вы напишете свой интернет-магазин с карточками товаров, корзиной, фильтрами и обработкой оплаты.
Оплачиваемая стажировка
Для единорогов
Мы ищем проекты для талантливых учащихся, которых отбирают наши наставники.
Универсальность опыта
Везде пригодится
React — это то, что работадатель хочет видеть в резюме, даже если прямо сейчас проектов с React`ом нет.
Бюджеты не треснут
Не берём лишнего
Мы не зарабатываем на CSSSR.School. Наша корыстная цель — выявление талантливых разработчиков на ранних стадиях и пополнение ими рядов CSSSR, чтобы компания продолжала расти и развиваться.
Круг общения
У нас сильное комьюнити
Желание делиться опытом и воспринимать опыт — индикатор профессионализма. А персональная рекомендация становится всё больше значимой в IT-сообществе, особенно при трудоустройстве. Становитесь частью нашего сообщества!

Содержание

11 практических заданий,
31 видео и 26 текстовых материалов

Введение в React
История создания библиотеки. Какие задачи она решает.
React против HTML
Из чего состоит React. Как развернуть приложение и где можно проводить эксперименты. Import/Export операции в ES6. ООП в JavaScript ES6. Введение в React — JSX.
Компоненты
Принцип единственной ответственности. Глупые компоненты. Виды стилизации компонентов, достоинства и недостатки. Inline стили. Переиспользование стилей.
State и uncontrolled controls
Жизненный цикл компонента. State. Общение компонентов. Формы: uncontrolled components, валидация нормализации входящих данных. Decorators, extends: миксины для SFC и для обычных компонентов.
Controlled controls и оптимизация
Сontrolled components. Компоненты высшего порядка. PureComponent и Should Component Update.
Context
Context — что, как и зачем. Работа с URL.
Redux
Архитектура pub/sub. Архитектура Flux. Примеры использования. Как работает Redux. Понятие чистых функций и иммутабельности. Из чего состоит Redux.
Redux Modularization
Клиентский роутинг и SPA. Организация стора в Redux.
Роутинг
Методы отслеживания работы приложения. Роутинг.
API
Общение с сервером с помощью HTTP, XMLHttpRequest и Fetch API. Асинхронные операции в SPA. Работа с API.
Change data и component routing
POST запросы. Продвинутый роутинг. Страница 404. Вложенные роуты.
Legacy
Миграция приложения с чистого JS на React