Урок 4.14. Менеджер состояний mobX. Часть 2 (функциональные store - not-классы)
🤯 Функциональный MobX: Пишем store без классов (и это проще, чем кажется!) Думаешь, MobX — это только про классы? А вот и нет! В этом уроке создадим функциональный store, который: ✅ Не требует this ✅ Не требует конструкторов ✅ Работает в 2 раза меньше кода 🧩 Разберем на практике: Создаем store через обычную функцию createTodoStore() Добавляем данные: todos, filter, loading states Пишем actions: addTodo, toggleTodo, removeTodo Работаем с API: грузим данные с сервера через runInAction Считаем автоматически: filteredTodos, progress, completedCount Добавляем магии: autorun сохраняет в localStorage, reaction логирует, when поздравляет 🎯 Результат: Полноценное приложение на функциональном MobX с минимумом кода и максимумом пользы! 🔗 Код из урока: https://github.com/alexeirybak/my-app/tree/React_Lesson_4.14 #react #mobx #javascript #обучение #webdev #новичкам
🤯 Функциональный MobX: Пишем store без классов (и это проще, чем кажется!) Думаешь, MobX — это только про классы? А вот и нет! В этом уроке создадим функциональный store, который: ✅ Не требует this ✅ Не требует конструкторов ✅ Работает в 2 раза меньше кода 🧩 Разберем на практике: Создаем store через обычную функцию createTodoStore() Добавляем данные: todos, filter, loading states Пишем actions: addTodo, toggleTodo, removeTodo Работаем с API: грузим данные с сервера через runInAction Считаем автоматически: filteredTodos, progress, completedCount Добавляем магии: autorun сохраняет в localStorage, reaction логирует, when поздравляет 🎯 Результат: Полноценное приложение на функциональном MobX с минимумом кода и максимумом пользы! 🔗 Код из урока: https://github.com/alexeirybak/my-app/tree/React_Lesson_4.14 #react #mobx #javascript #обучение #webdev #новичкам