Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Страница автора - Владилен Минин - Webformyself
Страница автора

Автор: Владилен Минин

Данный мини-курс посвящен JavaScript библиотеке ReactJS, разработанной компанией Facebook. В этом курсе вы познакомитесь с базовыми возможностями React, начиная с определения концепта компонентов в веб-разработке и заканчивая разработанным приложением на React с динамическими элементами. В данном курсе мы разберем следующие возможности: как запустить React, как создавать функциональные и Stateful компоненты, State, вывод списка элементов, применение условных операторов, динамическая стилизация компонентов и работа с элементами формы. Отдельный урок в курсе посвящен разбору того, как работает JSX синтаксис, на котором разрабатываются шаблоны внутри React. Мы напишем небольшое приложение, в котором не будем использовать JSX, а все будет написано через функцию React.createElement, на примере которого вы поймете принципы JSX. 

Смотреть видео:

React JS. Урок №1. Что такое компоненты. (Владилен Минин - Webformyself)

Содержание:

  • Урок №1. Что такое компоненты

В данном уроке создается небольшое приложение на чистом JavaScript, на котором мы разберем такое понятие, как компоненты. Вы узнаете, как и зачем компоненты используются в веб разработке, что позволит лучше понять принцип, на котором построен и работает React JS.

  • Урок №2. Подключение React

В этом видео мы подключим React JS к приложению, настроем его и перепишем приложение уже используя базовые возможности React JS.

  • Урок №3. React класс компонент

В данном уроке мы создадим класс компонент и используем его как корневой компонент приложения. Вы узнаете, что такое State в React компоненте и как им пользоваться.

  • Урок №4. Как работает JSX

В данном уроке вы узнаете подробно про JSX синтаксис. Мы напишем аналогичное приложение, разрабатываемому в прошлом уроке, но уже без JSX, а через функцию React.createElement, вследствие чего вы поймете все детали того, как работает JSX.

  • Урок №5. События и динамические стили

В этом видео вы научитесь добавлять прослушку событий на любые элементы в React JS и передавать параметры между компонентами. Далее, вы научитесь работать с динамическими классами в React.

  • Урок №6. Условные операторы

В этом уроке вы научитесь использовать условные операторы и отображать или скрывать элементы шаблона.

  • Урок №7. Работа с формами

В этом уроке вы узнаете, как в React делать 2-way binding и обрабатывать элементы формы.

© 2019 http://www.dvdcurse.ru Все права защищены.