Главная страницаКатегория react.jsСтроим React приложение с Redux

Строим React приложение с Redux

Name: Строим React приложение с Redux
Rating: 4.5 (10 reviews)

Build A React App With Redux

egghead

★4.5 (всего оценок - 10)

Загрузить

Продолжительность

1 ч 51 мин

Категория

React.js

Количество уроков

26 Видео

Дата добавления

14 янв. 2018 г., 23:36

Язык

Английский

Дата выхода

14 февр. 2017 г., 00:00

Дата обновления

14 янв. 2018 г., 23:48

Управление состоянием в современных веб-приложениях сложно. По мере усложнения приложений отслеживание изменений состояния и сопоставление этих изменений с вашим интерфейсом становится все труднее.

Односторонний поток данных делает управление более доступным и облегчает когнитивную нагрузку, необходимую для отслеживания потока данных через ваше приложение. Использование Redux переводит эту идею на новый уровень и перемещает состояние и его изминения в глобальное хранилище, управляемое с помощью чистых функций reducer.

В этом курсе вы узнаете, как создать качественное приложение на React с помощью Redux.. Vы сможем понять базовый API и как взаимодействовать с приложением React, тогда мы перейдем к внедрению react-redux, чтобы абстрагировать некоторые из основных деталей и очистить наш код , Мы будем использовать промежуточное программное обеспечение и mocked API server, чтобы понять, как асинхронный код вписывается в модель Redux.

https://github.com/eggheadio-projects/egghead_react_redux_course/tree/01-bootstrap

Название ветки соответствует уроку.

Посмотреть больше

Урок 1.00:02:19
Bootstrap a React Application with Yarn & Create React App
Урок 2.00:02:26
Render a React UI with JSX
Урок 3.00:03:03
Render in React Based on a Global State Object
Урок 4.00:05:19
Refactor JSX in React to Stateless Functional Components
Урок 5.00:05:24
Create a Redux-Style Reducer Function
Урок 6.00:02:24
Create a Redux Store
Урок 7.00:02:08
Render React UI Based on State Changes with Subscribe in Redux
Урок 8.00:06:46
Keep UI and State Synchronized Using Controlled Components in React with Redux
Урок 9.00:03:17
Make Dispatching Redux Actions More Reliable With Action Creators
Урок 10.00:02:11
Create Redux Dispatch Functions From Action Creators with bindActionCreators
Урок 11.00:04:09
Connect Redux to a React Application with react-redux
Урок 12.00:02:38
Handle Actions in Redux with mapDispatchToProps
Урок 13.00:01:43
Use mapDispatchToProps Shorthand Syntax in Redux
Урок 14.00:07:00
Connect Redux to Individual React Components For More Efficient Rendering
Урок 15.00:01:36
Setup a Mock API Server with the json-server npm module
Урок 16.00:08:30
Dispatch Asynchronous Actions with Redux Thunk Middleware
Урок 17.00:06:39
Save New Records on The Server with Redux Thunk and Fetch
Урок 18.00:04:14
Configure and Use Redux Dev Tools
Урок 19.00:02:36
Create a React Component to Display Status Messages
Урок 20.00:06:22
Use Multiple Reducers in Redux with combineReducers
Урок 21.00:03:10
Respond to a Single Redux Action in Multiple Reducers
Урок 22.00:07:45
Update Existing Records on The Server with Redux Thunk and Fetch
Урок 23.00:06:14
Delete Existing Records on The Server with Redux Thunk and Fetch
Урок 24.00:02:51
Add React Router to a Redux Application
Урок 25.00:04:23
Filter State Data in Redux with a Selector Function and React Router
Урок 26.00:06:28
Configure a React & Redux Application For Production Deployment and Deploy to Now