Нужна консультация профи в React

Куплю Ваше время как профи в React:

===

- нужно Ваше время на 1-2 месяца по 2-3 раза в неделю (в удобное Вам время) занятия по React

- мой уровень знаний React сейчас почти нулевой (видел Vue проекты ранее)

- фундамент для изучения React у меня есть: coreJS (ES 6) есть уверенные знания, по HTML/CSS есть опыт верстки

- на занятиях мне лишь "краеугольные камни" обьяснить Вас прошу + давать задачу на следующие 2-3 дня, бОльшую часть учебы готов самостоятельно копать (заметил: консультации с профи укорачивают процесс и дают  представление о реалиях, а не чисто книжные + иногда 2 минуты ответа ментора экономят 20 часов моего копания в поисках, почему не работает)

- хотелось бы двигаться в занятиях по структуре книги Алекс Бэнкс, "React и Redux" или книги Стоян Стефанов "React.js Быстрый старт" (чтоб какой-то осмысленный план был, да и книги эти у меня есть бумажные). Но это на Ваше усмотрение. Оглавление (ну как примерный план) обоих книг привожу ниже, могу скинуть пдф-файлы книг.

- по оплате предлагаю 300 грн за 1 час Вашего времени, если надо, то готов обсуждать выше оплату. Оплачивать могу с карты ПриватБанка на любую Вашу платежную карту.

- сроки и нужный уровень: сейчас я верстаю на работе в укр.компании в Харькове, но проекты по верстке закрылись (агрессия-война и пр.), мне дали на работе 4-5 недель на то, чтоб базово React освоить, что и хочу сделать. Иначе ..., чего мне хотелось бы избежать))

- со своей стороны гарантирую оплату и внимательность, сильно грузить не буду на занятиях (стараюсь сам вникать бОльшей частью), заранее Вам спасибо за то, что выручите подтягиванием на базовый уровень React.  

===

Алекс Бэнкс, "React и Redux", 2018 год

===

1. Добро пожаловать в React

Препятствия и трудности

Будущее библиотеки React

Нужно идти в ногу со временем

Работа с файлами

2. Новый синтаксис JavaScript

Объявление переменных в ES6

Стрелочные функции

Транспиляция ES6

Объекты и массивы ES6

Промисы

Классы

Модули ES6

CommonJS

3. Функциональное программирование с применением JavaScript

Значение понятия функциональности

Сравнение императивности с декларативностью

Функциональные концепции

4. Чистый React

Настройка страницы

Виртуальная DOM

Элементы React

ReactDOM

Дочерние элементы

Конструирование элементов с данными

Компоненты React

Отображение DOM

Фабрики

5. React с JSX

Элементы React в виде кода JSX

Советы по применению JSX

Babel

Введение в Webpack

6. Свойства, состояние и дерево компонентов

Проверка свойств

Ссылки

Управление состоянием React

Состояние внутри дерева компонента

7. Усовершенствование компонентов

Жизненные циклы компонентов

Подключение библиотек JavaScript

Компоненты высшего порядка

Управление состоянием за пределами React

Flux

8. Redux

Состояние

Действия

Преобразователи

Хранилище

Создатели действий

Функции промежуточного звена

9. React Redux

Явная передача хранилища

Передача хранилища через контекст

Сравнение презентационных и контейнерных компонентов

Провайдер React Redux

Функция connect библиотеки React Redux

10. Тестирование

ESLint

Тестирование Redux

Тестирование компонентов React

Тестирование на основе отображения мгновенного состояния (Snapshot Testing)

Использование данных об охвате кода

11. Маршрутизатор React Router

Встраивание маршрутизатора

Вложенные маршруты

Параметры маршрутизатора

12. React и сервер

Сравнение изоморфизма с универсализмом

Код React, отображаемый на сервере

Универсальный органайзер цветов

Обмен данными с сервером

==========

Стоян Стефанов "React.js Быстрый старт", 2020 год

==

Глава 1. Hello World

Установка

Привет, мир React

Так что же сейчас произошло

React.DOM

Специальные DOM-атрибуты

Расширение браузера React DevTools

Далее: настраиваемые компоненты

Глава 2. Жизнь компонента

Самый минимум

Свойства

propTypes

Состояние

Компонент textarea, отслеживающий свое состояние

Немного о DOM-событиях

Обработка событий в прежние времена

Обработка событий в React

Сравнение свойств и состояния

Свойства в исходном состоянии: антишаблон

Доступ к компоненту извне

Изменение свойств на лету

Методы управления жизненным циклом

Примеры управления жизненным циклом

Тотальная регистрация

Использование примеси

Применение дочернего компонента

Выигрыш в производительности: предотвращение обновлений компонентов

PureRenderMixin

Глава 3. Excel: необычный табличный компонент....

Начнем с данных

Цикл создания заголовков таблицы

Отладка для избавления от консольного предупреждения .

Добавление содержимого <td>

Сортировка

Создание индикации сортировки в пользовательском интерфейсе

Редактирование данных

Редактируемая ячейка

Поле ввода ячейки

Сохранение

Выводы и определение различий в виртуальной

DOM-модели

Поиск

Состояние и пользовательский интерфейс

Фильтрация содержимого

Как можно усовершенствовать поиск?

Мгновенное воспроизведение

Как можно усовершенствовать воспроизведение?

А возможна ли альтернативная реализация?

Скачивание данных таблицы

Глава 4. JSX

Привет, JSX

Транспиляция JSX

Babel

Клиентская сторона

О преобразовании JSX

JavaScript в JSX

Пробельные символы в JSX

Комментарии в JSX

Элементы HTML

Анти-XSS

Распространяемые атрибуты

Возвращение в JSX нескольких узлов

Отличия JSX от HTML

Просто class использовать нельзя, а как насчет for?

style является объектом

Закрывающие теги

Атрибуты в "верблюжьем" регистре

JSX и формы

Обработчик события onChange

Сравнение value и defaultValue

Значение компонента <textarea>

Значение компонента <select>

Компонент Excel в JSX

Глава 5. Настройки для разработки приложения

Типовое приложение

Файлы и папки

index.html

CSS

JavaScript

JavaScript: модернизированный код

Установка обязательных инструментальных

Node.js

Browserify

Babel

React и прочие

Займемся сборкой

Транспиляция JavaScript

Создание пакета JavaScript

Создание пакета CSS

Результаты!

Версия для Windows

Сборка в процессе разработки

Развертывание

Идем дальше

Глава 6. Создание приложения

Whinepad v.0.0.1

Подготовка к работе

Приступим к программированию

Компоненты

Настройка

Исследование

Компонент <Button>

Button.css

Button.js

Формы

Компонент <Suggest>

Компонент <Rating>

Компонент <FormInput>

Компонент <Form>

Компонент <Actions>

Диалоги

Настройка приложения

< Excel>: новый и усовершенствованный

Компонент <Whinepad>

Подведение итогов

Глава 7. Проверка качества кода, соответствия типов, тестирование, повтор package.json

Настройка Babel

Сценарии

Средство ESLint

Установка

Запуск

Все правила

Средство Flow

Установка

Запуск

Подписка на проверку соответствия типов

Исправление кода компонента <Button>

app.js

Подробнее о проверке соответствия типов свойств и состояния

Типы экспорта и импорта

Приведение типов

Инварианты

Тестирование

Установка

Первый тест

Первый React-тест

Тестирование компонента <Button>

Тестирование компонента <Actions>

Дополнительные имитируемые взаимодействия

Тестирование полного взаимодействия

Полнота охвата

Глава 8. Flux

Основной замысел

Иной взгляд на Whinepad

Хранилище

События хранилища

Использование хранилища в <Whinepad>

Использование хранилища в <Ехсеl>

Использование хранилища в <Form>

Где провести границу?

Действия

CRUD-действия

Поиск и сортировка

Использование действий в <Whinepad>

Использование действий в компоненте <Ехсеl>

И еще немного о Flux

Библиотека immutable

Хранилище данных при использовании библиотеки immutable

Работа с данными при использовании библиотеки immutable