React для начинающих
Уроков:
9В этой серии мы с вами познакомимся с React. React - это библиотека от Facebook, с помощью которой, можно строить хорошие приложения. Она обладает низким порогом входа и очень популярна на данный момент
Чему вы научитесь
- Познакомимся с react-create-app
- Научимся создавать дерево компонентов
- Хранить данные в React и пробрасывать их между компонентами
- Научимся работать с формами
- Познакомимся с react-router
- Начнем писать компоненты в функциональном стиле
Необходимые знания
- Базовые знания javascript
- Базовое понимание npm node
Для кого этот курс
- Для всех, кто хочет научиться писать на React с нуля
Перейти к просмотру
В этом уроке мы познакомимся с пакетом react-create-app от фейсбука. Создадим первый компонент на react. Узнаем что такое jsx синтаксис.
React - локальный стейт
Урок 2
Перейти к просмотру
React - локальный стейт
Урок 2
В этом уроке мы разберемся что такое локальный стейт в React. Напишем с его помощью выпадающее меню. Разберемся какие сложности бывают с вызовом методов класса.
Перейти к просмотру
В этом уроке мы разберем такой тип данных в React, как props. Научимся передавать данные из родительской компоненты в дочернюю с помощью props.
Перейти к просмотру
В этом уроке мы разберем как валидировать react props с помощью PropTypes.
Перейти к просмотру
В этом уроке мы разберем что такое react forms и как с ними работать. Научимся отправлять форму и сохранять значение в стейте.
Перейти к просмотру
Мы разберем как писать в React css стили компонентам на простом примере. Научимся структурировать стили проекта и не допускать распространенных ошибок начинающих применять css в React.
React - refs
Урок 7
Перейти к просмотру
React - refs
Урок 7
В этом уроке мы разберем как обратится к DOM элементу в React с помощью атрибута ref, почему его нужно использовать с осторожностью и какие возможности он дает
React - react-router
Урок 8
Перейти к просмотру
React - react-router
Урок 8
В этом уроке мы разберемся, как реализовывать роутинг в React с помощью библиотеки React-router
Перейти к просмотру
В этом уроке мы с вами рассмотрим как создавать компоненты в React не с помощью классов, а с помощью чистых функций без состояния.