Mobx & React Полный курс 2021

• Обзор стейт-менеджера MobX.  

• Создание пустого React-приложения и компонента с двумя кнопками.  

• Установка модулей MobX и MobX React Lite.  

• Создание папки store для логики взаимодействия с состоянием.  

• Создание класса counter и его экспорт.  

• Использование функций makeObservable и makeAutoObservable для отслеживания изменений.  

• Импорт класса counter в компонент.  

• Рендеринг текущего значения счетчика.  

• Добавление слушателей событий для изменения состояния.  

• Использование функции observe для перерендеринга компонента при изменении состояния.  

• Пример с кнопками и изменением значения счетчика.  

• Создание класса todo и его инициализация.  

• Создание экшенов для добавления, удаления и изменения состояния todo.  

• Использование функций filter, map и reduce для работы с массивами.  

• Создание функционального компонента для списка дел.  

• Использование функции map для отрисовки списка.  

• Добавление чекбокса и кнопки для удаления todo.  

• Важность уникальных ключей для корректной работы.  

• Декомпозиция компонентов для оптимизации перерендеринга.  

• Добавление чекбокса и кнопки для удаления todo.  

• Использование функции makeAutoObservable для глубокого отслеживания объектов.  

• Настройка отслеживания полей и функций.  

• Пример использования вычисляемых значений computed-свойств.  

• Создание функции fetchTodo для получения данных с сервера.  

• Присвоение новых данных массиву и рендеринг компонента.  

• Сравнение с Redux и рекомендации по использованию MobX.  

• Важность умения использовать оба инструмента: Redux и MobX.  

• Простота использования MobX для новичков.  

• Призыв к подписке и оставлению комментариев.