Практический курс по React JS для начинающих
Спасибо за проявленный интерес. Все уроки данного курса Вы можете посмотреть прямо здесь.
Данный мини-курс предназначен для новичков, не знакомых с такой библиотекой как ReactJS. Этот курс является по большей части практическим, то есть вся теория будет рассказываться по мере необходимости реализации того или иного функционала.
В результате курса нами будет создана игра “Крестики-Нолики” в браузере. Помимо самой игры мы сделаем возможность сохранение истории игры, то есть сможем перейти на любой ход который был сделан и посмотреть какая была на тот момент позиция. Так же будет дополнительная информация о победителе и о текущем ходе.
Также для рабочего окружения мы настроим сервер быстрой автоматической перезагрузки сервера для наиболее комфортной разработки.
Приятного просмотра!
P.S. Для данного курса вам потребуется установить на компьютер программу Node JS. Ссылка на программу: https://nodejs.org/en/
Урок 1. Создание и настройка рабочего окружения
Если видео не загружается, то можно посмотреть его здесь
Из этого урока вы узнаете самый простой и быстрый способ настройки окружения разработки под React. В результате мы получим полностью готовый проект с сервером быстрый перезагрузки и поддержкой нового синтаксиса ES2015.
Урок 2. Создание первого компонента и JSX синтаксис
Если видео не загружается, то можно посмотреть его здесь
Из этого урока вы узнаете как создаются компоненты в react через конструкцию class. Также мы познакомимся с синтаксисом JSX.
Урок 3. Связь компонентов. Родительские и дочерние компоненты
Если видео не загружается, то можно посмотреть его здесь
В этом уроке мы создадим еще один компонент, и научимся соединять разные компоненты.
Урок 4. Добавление обработчика событий, передача свойств
Если видео не загружается, то можно посмотреть его здесь
В данном уроке вы узнаете, как передавать различные параметры между компонентами в React и мы добавим первый обработчик события на элемент.
Урок 5. Стейт компонента. Часть 1
Если видео не загружается, то можно посмотреть его здесь
В данном уроке мы начнем знакомиться с такой темой как стейт в React и зададим все основные поля, которые будут нужны для работы нашего приложения.
Урок 6. Стейт компонента. Часть 2
Если видео не загружается, то можно посмотреть его здесь
В данном уроке вы узнаете как можно обработать пользовательские события по React компоненту, а также мы еще поговорим про то, что такое стейт и как с помощью него перерисовывать компонент.
Урок 7. Добавление проверок и защита
Если видео не загружается, то можно посмотреть его здесь
В данном уроке мы добавим вспомогательные проверки и защиты для корректной работы игры.
Урок 8. Добавление истории игры. Рендеринг коллекции
Если видео не загружается, то можно посмотреть его здесь
В данном уроке вы узнаете как рендерить коллекции в React и мы реализуем возможность вывода истории игры и перехода по ней.
Урок 9. Заключение
Если видео не загружается, то можно посмотреть его здесь
Заключение и важные напутствия.
Тем, кто хочет продолжить обучение, настоятельно рекомендую изучить этот курс: https://srs.myrusakov.ru/reactjs