frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
5 ч 2 мин
Категория
React.js
Количество уроков
45 Видео
Дата добавления
9 июн. 2019 г., 20:26
Язык
Английский
Дата выхода
29 мая 2019 г., 00:00
Дата обновления
16 авг. 2019 г., 09:01
По мере усложнения клиентских приложений разработчикам необходимо управлять все большим количеством состояний. За последние год или два появилось несколько решений. Но какое из них лучше для ваших нужд? Каковы различия, преимущества и компромиссы?
Вы будете управлять состоянием приложения в React с помощью Redux и MobX. Вы напишите свое собственное промежуточное программное обеспечение и осуществите функционал undo и redo. Затем ознакомитесь с рекомендациями как сохранить приложение быстрым и шустрым по мере его роста.
- Изучите внутреннюю кухню состояния компонентов
- Новый Context API в React
- Постройте компоненты, которые могут управлять своим состоянием через URL
- Создавайте универсальные формы
- Используйте расширенные шаблоны компонентов, которые облегчают повторное использование кода
- Изучите все преимущества использования Redux, реализовав его основные функции
- Асинхронная выборка данных с использованием Redux Thunk и Redux Observable
- Создайте приложение, используя MobX
Посмотреть больше
-
Урок 1. 00:11:25Introduction
-
Урок 2. 00:02:04Pure & Impure Functions
-
Урок 3. 00:03:44Copy Instead of Mutate
-
Урок 4. 00:06:04Single State Store & Reducers
-
Урок 5. 00:03:13Redux Functions Overview
-
Урок 6. 00:05:22reducer & createStore
-
Урок 7. 00:10:22Store dispatch & subscribe
-
Урок 8. 00:04:54combineReducers
-
Урок 9. 00:08:05bindActionCreators
-
Урок 10. 00:05:50Middleware in Redux
-
Урок 11. 00:08:08Create Redux Store
-
Урок 12. 00:09:36Connect Redux to React
-
Урок 13. 00:06:13Redux Reducer Exercise & Solution
-
Урок 14. 00:05:34Refactoring an App to Use Redux
-
Урок 15. 00:06:43Implementing a Kanban Board
-
Урок 16. 00:05:43State Store Schema
-
Урок 17. 00:05:16Wiring State Store to the App
-
Урок 18. 00:02:40Redux DevTools
-
Урок 19. 00:06:37Using State Store in Components
-
Урок 20. 00:01:03Wiring Redux to a React App Exercise
-
Урок 21. 00:07:28Wiring Redux to a React App Solution
-
Урок 22. 00:10:15Implementing Map Dispatch to Props
-
Урок 23. 00:07:00Handling Dispatched Actions
-
Урок 24. 00:05:00Updating Nested State
-
Урок 25. 00:05:49Action Creator Helpers
-
Урок 26. 00:08:51State Store Selectors with Reselect
-
Урок 27. 00:04:43Reselect Performance
-
Урок 28. 00:03:38Redux Thunk
-
Урок 29. 00:07:35Redux Thunk Setup
-
Урок 30. 00:07:43Redux Thunk: Dispatching Actions
-
Урок 31. 00:06:08Redux Observable
-
Урок 32. 00:09:53Redux Observable Setup
-
Урок 33. 00:12:55Redux Observable: Mapping Actions
-
Урок 34. 00:10:23Redux Observable: Cancelling Requests
-
Урок 35. 00:11:09MobX Decorators
-
Урок 36. 00:07:29Pure MobX Demo
-
Урок 37. 00:05:55MobX Concepts
-
Урок 38. 00:05:41MobX in React
-
Урок 39. 00:08:20List Model MobX Store
-
Урок 40. 00:04:49Item Model MobX Store
-
Урок 41. 00:02:25Add & Remove from the MobX Store
-
Урок 42. 00:06:13Wiring MobX to the React App
-
Урок 43. 00:07:43Sending Data from React into MobX
-
Урок 44. 00:04:48MobX vs Redux
-
Урок 45. 00:11:59Wrapping Up & Q&A
Авторы - frontendmasters, Steve Kinney
Steve Kinney
Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в
Категории
Комментарии
-
Anonymousnot working!!!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
Управление состоянием React формы c redux-form
Manage React Form State with redux-form
В этом курсе мы собираемся использовать пакет redux-form для создания формы, состоянием которой легко и приятно управлять.Используя redux-form, у нас есть ресурс, который обеспечивает не только преимущества интеграции состояния формы с существующим приложением Redux, но и возможность отслеживать состояние нашей формы с точностью в Redux Dev Tools без написания большого количества шаблонов.В частности, мы собираемся выяснить, как связи redux-form
Продвинутое управление состоянием в приложениях React
Advanced State Management in React Applications
По мере того, как клиентские приложения увеличивают свою сложность, frontend-разработчикам необходимо управлять все больше и больше состоянием приложения. За последние год-два появилось несколько решений. которые как то пытаются нам в этом помочь. Но какой из них лучше всего подходит для ваших нужд? Каковы различия, преимущества и компромиссы?Присоединяетесь к Стиву Кинни, чтобы увидеть все аспекты управления состоянием в приложениях React.
pluralsight
2 мар. 2019 г., 09:43
Продвинутый Redux
Advanced Redux
Redux является одним из самых популярных репозиториев JavaScript на GitHub. Этот курс научит вас продвинутым методам Redux, включая использование саг, использование селекторов, создание компонентов React и создание промежуточного программного обеспечения (middleware).
React JS и Redux Bootcamp - Освойте React Веб-разработку
React JS and Redux Bootcamp - Master React Web Development
Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.
Мастер-класс React - Учитесь, создавая компоненты и приложения
React Master Class - Learn By Building Components and Apps
Изучите React / ReactJS шаг за шагом от основ до продвинутых концепций, создавая компоненты пользовательского интерфейса простым и интуитивно понятным способом.