Основы работы с библиотекой React.JS

Аудитория: Веб разработчики

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

Предварительная подготовка: знание основ JavaScript

* React.JS -библиотека для пользовательских интерфейсов с компонентным подходом.

* Что такое компоненты в React.JS. Компонентный подход к разработке приложения с использованием JavaScript.
React.JS — Все есть JavaScript.

* Подключение библиотеки React. Сайт React.JS.org. Все очень просто — из JavaScript приложения — делаем React приложение. Создание полноценного React компонента. Использование Babel компилятора. Анатомия приложения и пользовательского компонента.
* JSX - это препроцессор, который добавляет синтаксис XML к JavaScript. Выражения в JSX. Определение тегов и их атрибутов в JSX, дочерних элементов, невозможность встраивания кода в JSX элемент (атака инъекций). Babel и преобразование эдементов к JS объектам. Встраивание JS в JSX компоненты, аттрибут key — уникально определяет объект JSX. Реализация методов в JSX объектах. Функция React.createElement -замена html на JS.

* Создание событий, передача событий в компоненты, работа с динамическими классами. Метод bind. Определение логики на уровне приложения.

* Использование условных операторов для отображения динамических компонентов.

* Использование состояния state и жизненный цикл компонента. Асинхронные запросы.

* JSX — как синтаксический сахар, тип React компонента и область видимости, правила именования, свойства props в JSX, spred атрибут (...) , проверка типов с PropTypes

* Работа с формами, валидация формы, отправка параметров формы REST сервису

* Ссылки ref и DOM, когда использовать ссылки ref, доступ к ссылкам, добавление ссылки ref на DOM-элемент, ссылки ref и функциональные компоненты, не контролируемый компонент DOM на основе тега input типа file

* Создание продуктивного приложения с оптимизацией производительности, добавление плагинов в приложение, профилирование компонентов в chrome.

*** На протяжении курса создается веб приложения для отображения и редактирования данных из базы данных Oracle или Postgresql , которые передаются в приложение через REST сервисы, размещенные на сервере приложения Wildfly

!!! В конце обучения на курсе проводится итоговая аттестация в виде теста или на основании оценок за практические работы, выполненных в процессе обучения.