redux-course-ru
  • Вступление
  • Подготовка
    • Создание package.json
    • Первые шаги
    • ES2015, React HMR
    • ESLint
    • Установка зависимостей на автомате
    • React dev tools
  • Создание
    • Основы Redux (теория)
    • Точка входа
    • Настройка Store
    • Создание Reducer
    • Присоединение данных (connect)
    • Комбинирование редьюсеров
    • Контейнеры и компоненты
    • Создание actions
    • Константы
    • Наводим порядок
    • Middleware (усилители). Логгер
    • Асинхронные actions
    • Взаимодействуем с VK
  • Заключение
Powered by GitBook
On this page

Was this helpful?

  1. Создание

Создание Reducer

PreviousНастройка StoreNextПрисоединение данных (connect)

Last updated 5 years ago

Was this helpful?

ОБНОВЛЕНИЕ 2018: Вышло (современный код и версии пакетов, данное издание УСТАРЕЛО)

На так же проводятся бесплатные вебинары, публикуются переводы и авторские материалы, !

Создание Reducer

По-моему, в этом коде нечего даже комментировать!

src/reducers/index.js

const initialState = {
  user: 'Unknown User'
};

export default function userstate(state = initialState) {
  return state;
}

Пора открыть браузер и посмотреть в консоль разработчика. Если там есть предупреждения/ошибки - значит, где-то HMR не сработал. Достаточно обновить браузер. Все-таки с последнего раза мы создали достаточно файлов, чтобы реакт/вебпак растерял долю своей магии и попросил бы нас обновить страницу.

Все ок, но ничего интересного. В следующей главе добавим вывод имени юзера.

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