Закрыть
×
=0) { let js = text.slice(pos1, pos2); + '<\/' + "script" + '>'; arrText.push(js); // next pos1 = pos2; continue; } } } break; } return arrText; } function OpenDialog(parentDiv, urlContent) { parentDiv = document.getElementById('modal-background'); // new !!!!!!! parentDiv.appendChild(document.getElementById('modal-template')); document.getElementById('modal-background').style.display = "flex"; // !!!!! block document.getElementById('modal-template').style.display = "flex"; // !!!!! document.getElementById('modal-body').innerHTML = ""; post_url(urlContent, "", function(text_from_server) { var element = document.getElementById('modal-body'); element.innerHTML = text_from_server; // add scripts var arrJSText = get_scripts(text_from_server); for (var i=0; i
dir.by
Праздники ...
Праздники ...
День города Минска (2-ая суббота сентября) (9 и 10 сентября 2023)
Концерты, выставки ...
Концерты, выставки ...
Леонид Овруцкий и группа "Кватро"|||Гомель 23 октября, Минск 24 октября 2026
Афишу
Спорт занятия ...
Спорт занятия ...
Обучение плаванию (набор в группы)
Спорт занятие
Компьютер, программы...
Компьютер, программы...
Объявления ...
Объявления ...
Механизм рулевой с гидроусилителем ШНКФ 453461.720
Объявление
Новости ...
Новости ...
Форум ...
Форум ...
обсуждение...
Поиск
Концерты
Спорт
Форум
Компьютер
Компьютер, программы
→
React
React JS Course for Beginners + Redux
посмотрели
685
раз
обновлено: 20 June 2026
https://beonmax.com/courses/react-js/
React
(базовый уровень)
• Как работать с ESLint
• Знакомимся с React.js Стандарты ES6-8
• Практическое домашнее задание
• Модульная структура, зачем она нужна в React. Собираем проект
• Препроцессор JSX | Теория
• Препроцессор JSX | Практика
• Практическое домашнее задание
• Свойства и состояния компонентов. События в React | Теория
• Свойства и состояния компонентов. События в React | Практика
• Подключаем стили и знакомимся с styled-components | Теория
• Практика. Создаем собственные события и работаем с иммутабильностью
• Работа с формами в React
React
(средний уровень)
• Начинаем работать с сервером. Fetch API
• Продолжаем работать с сервером. Работа с API
• Практическое домашнее задание
• Жизненный цикл компонентов
• Паттерны React
• Навигация в приложении с помощью React Router
• Дополнительно: Свойства по умолчанию
• Дополнительно: Компоненты высшего порядка
• Хуки в React
React
+
Redux
• Основные принципы Redux
• Дополнительно: Знакомимся с Figma для домашнего задания
• Соединяем React и Redux
• React Context
• Начинаем создавать новое приложение React + Redux
• Json-server и домашнее задание
• Работа с React - redux приложением. Организация работы с сервером
• Работа с React - redux приложением. События
• Бонус-урок. Тестирование и отладка кода в React. Пишем UI тесты
← Previous topic
Sites to explore React
Your feedback ... Comments ...
Your Name
Your comment
(www links can only be added by a logged-in user)
+ Picture
New React App
Option 1
•
Creating a new web application with React in a text editor. We don"t download the React library, we take the React library from the CDN (we refer to the React library)
Option 2 (best for me)
•
Creating new web application with React using Visual Studio Code. Use: Node.js + Webpack (collect all js files, libraries into one js file) + Babel (extended js functionality with jsx and classes) + React (write our component)
React Description
•
Why don"t they use class Component, but you have to use a regular function in React app?
Examples
•
Create a web application "Login form and send a post request" with React | Visual Studio Code
WWW sites to explore React
•
Sites to explore React
Courses, training
•
React JS Course for Beginners + Redux
Ваши вопросы присылайте по почте:
info@dir.by