React Redux

[Nolra]

Code: https://github.com/Nolra/front_course_2023/tree/react-redux

https://ru.react-redux.js.org/tutorials/quick-start (чуть обновленный синтаксис создания хранилища, следуйте инструкциям) https://ru.react-redux.js.org/api/provider (о провайдере состояния) https://ru.react-redux.js.org/api/hooks (основные хуки)

Homework:

Разработайте простое todo list приложение и как его часть небольшую форму авторизации (где нужно будет ввести свое имя и почту и поставить галочку ({userName: string, email: string, isAdmin: boolean}), которые будут отображаться рядом со списом дел todo list). Это приложение соответственно будет иметь два редуктора, один для работы с todo, а другой для работы авторизацией.

Пример структуры и пример создания комбинированного редуктора ниже.

// store ├── actionCreators │ ├── action_1.js │ └── action_2.js ├── actions │ ├── action_1.js │ └── action_2.js ├── reducers │ ├── reducer_1.js │ ├── reducer_2.js │ └── rootReducer.js ├── initialState.js └── store.js

// rootReducer.js
import { combineReducers } from 'redux'
import reducer_1 from '.reducers/reducer_1
import reducer_2 from '.reducers/reducer_2

export default combineReducers({
  reducer_1,
  reducer_2
})

[nedostatoksna]

https://github.com/nedostatoksna/react_redux_hw_1 https://nedostatoksna.github.io/react_redux_hw_1/