Переход от новичка к эксперту за 6 часов. Все, что вам нужно для создания современных приложений с Redux. Научитесь создавать современные приложения. Redux - самая популярная библиотека управления состояниями для приложений JavaScript. Он в основном используется с React, но также становится популярным в сообществах Angular, Ember и Vue.
Несмотря на то, что это небольшая библиотека с небольшим объемом, многие разработчики считают Redux запутанным и сложным. Они также жалуются на то, что Redux вводит много кода в код и усложняет тривиальные вещи.
Этот курс дает вам прочную основу для Redux и учит, как писать чистый и лаконичный современный код Redux.
Вы узнаете все о Redux, включая «что», «почему», «как» и лучшие отраслевые практики.
Короткий и приятный курс, который вы можете посмотреть днем - без пуха и глупостей. Проще говоря, это курс Redux, который мне хотелось бы пройти, когда я начал изучать Redux.
К концу этого курса вы сможете
Создавать быстрые и масштабируемые приложения с Redux
Писать чистый, лаконичный код Redux без лишних помех и шаблонов
Применять основные методы функционального программирования
Поддерживать существующие приложения на базе Redux
Подготовиться к техническим интервью
Что вы узнаете ...
Что такое Redux и когда его использовать
Основные принципы функционального программирования
Используйте Redux Toolkit для запуска приложений Redux
Отладка приложений с помощью Redux DevTools
Архитектура хранилища Redux
Напишите чистый, лаконичный и поддерживаемый код Redux
Как правильно структурировать код Redux
Обрабатывать асинхронные события с помощью redux-thunk
Используйте существующее промежуточное программное обеспечение или напишите свое собственное
Тестируйте код Redux, правильный путь
Соедините React и Redux с помощью response-redux
Популярные инструменты в экосистеме Redux
Лучшие отраслевые практики и рекомендуемые модели
Распространенные ошибки, которые делают многие разработчики Redux
И многое, многое, многое другое ...
Для кого этот курс?
Разработчикам, которым любопытно узнать о Redux, о его преимуществах и о том, как правильно его использовать
Разработчикам, которые хотят добавить Redux в свой набор навыков, чтобы получить повышение или подать заявку на лучшую работу
Предпосылки
Чтобы пройти этот курс, вам нужно иметь как минимум 3 месяца опыта программирования на JavaScript.
Посмотреть больше
Урок 1.00:02:18
2- What is Redux
Урок 2.00:05:30
3- Pros and Cons of Redux
Урок 3.00:02:30
4- Is Redux for You
Урок 4.00:01:49
5- Setting Up the Development Environment
Урок 5.00:00:29
1- Introduction
Урок 6.00:01:26
2- What is Functional Programming
Урок 7.00:03:08
3- Functions as First-class Citizens
Урок 8.00:01:34
4- Higher-order Functions
Урок 9.00:03:39
5- Function Composition
Урок 10.00:02:23
6- Composing and Piping
Урок 11.00:05:45
7- Currying
Урок 12.00:02:51
8- Pure Functions
Урок 13.00:04:15
9- Immutability
Урок 14.00:04:34
10- Updating Objects
Урок 15.00:03:56
11- Updating Arrays
Урок 16.00:01:06
12- Enforcing Immutability
Урок 17.00:03:40
13- Immutable.js
Урок 18.00:02:55
14- Immer
Урок 19.00:00:26
1- Introduction
Урок 20.00:05:04
2- Redux Architecture
Урок 21.00:01:45
3- Your First Redux App
Урок 22.00:01:28
4- Designing the Store
Урок 23.00:03:27
5- Defining the Actions
Урок 24.00:06:14
6- Creating a Reducer
Урок 25.00:01:27
7- Creating the Store
Урок 26.00:02:46
8- Dispatching Actions
Урок 27.00:02:08
9- Subscribing to the Store
Урок 28.00:03:54
10- Action Types
Урок 29.00:02:59
11- Action Creators
Урок 30.00:00:18
12- Exercise
Урок 31.00:04:58
13- Solution
Урок 32.00:00:19
1- Introduction
Урок 33.00:01:11
2- Redux Store
Урок 34.00:04:19
3- Private Properties
Урок 35.00:03:05
4- Dispatching Actions
Урок 36.00:02:37
5- Subscribing to the Store
Урок 37.00:00:16
1- Introduction
Урок 38.00:02:56
2- Installing Redux DevTools
Урок 39.00:02:26
3- The Basics
Урок 40.00:03:53
4- Inspector Monitor
Урок 41.00:04:27
5- Tracing
Урок 42.00:01:36
6- Exporting and Importing
Урок 43.00:00:16
1- Introduction
Урок 44.00:02:37
2- Structuring Files and Folders
Урок 45.00:05:47
3- Ducks Pattern
Урок 46.00:01:36
4- Redux Toolkit
Урок 47.00:02:46
5- Creating the Store
Урок 48.00:05:28
6- Creating Actions
Урок 49.00:06:57
7- Creating Reducers
Урок 50.00:05:07
8- Creating Slices
Урок 51.00:00:56
9- Exercise
Урок 52.00:03:23
10- Solution
Урок 53.00:00:20
1- Introduction
Урок 54.00:03:15
2- Redux State vs Local State
Урок 55.00:03:24
3- Structuring a Redux Store
Урок 56.00:04:10
4- Combining Reducers
Урок 57.00:01:47
5- Normalization
Урок 58.00:03:38
6- Selectors
Урок 59.00:04:48
7- Memoizing Selectors with Reselect
Урок 60.00:00:22
8- Exercise
Урок 61.00:08:20
9- Solution
Урок 62.00:00:21
1- Introduction
Урок 63.00:01:12
2- What is Middleware
Урок 64.00:06:09
3- Creating Middleware
Урок 65.00:01:45
4- Parameterizing Middleware
Урок 66.00:08:15
5- Dispatching Functions
Урок 67.00:00:49
6- Exercise
Урок 68.00:02:04
7- Solution
Урок 69.00:00:25
1- Introduction
Урок 70.00:01:16
2- Setting Up the Backend
Урок 71.00:03:36
3- The Approach
Урок 72.00:08:59
4- API Middleware
Урок 73.00:05:51
5- Actions
Урок 74.00:02:22
6- Restructuring the Store
Урок 75.00:06:35
7- Getting Data from the Server
Урок 76.00:05:04
8- Loading Indicators
Урок 77.00:06:18
9- Caching
Урок 78.00:03:41
10- Saving Data to the Server
Урок 79.00:00:19
11- Exercise
Урок 80.00:04:05
12- Solution- Resolving Bugs
Урок 81.00:02:30
13- Solution- Assigning a Bug to a User
Урок 82.00:04:56
14- Reducing Coupling
Урок 83.00:01:49
15- Cohesion
Урок 84.00:00:40
1- Introduction
Урок 85.00:03:11
2- What is Automated Testing
Урок 86.00:04:44
3- Setting Up the Testing Environment
Урок 87.00:05:31
4- Your First Unit Test
Урок 88.00:05:11
5- Unit Testing Redux Applications
Урок 89.00:09:05
6- Solitary Tests
Урок 90.00:09:21
7- Social Tests
Урок 91.00:03:37
8- Mocking HTTP Calls
Урок 92.00:05:40
9- Writing Clean Tests
Урок 93.00:01:44
10- Test Coverage
Урок 94.00:00:24
11- Exercises
Урок 95.00:06:00
12- Solution- getUnresolvedBugs
Урок 96.00:05:46
13- Solution- resolveBug
Урок 97.00:12:10
14- Solution- loadingBugs
Урок 98.00:01:35
1- Creating a React App
Урок 99.00:01:07
2- Installing Redux
Урок 100.00:05:30
3- Providing the Store
Урок 101.00:05:11
4- Subscribing and Dispatching
Урок 102.00:08:33
5- Connecting Components Using react-redux
Урок 103.00:05:59
6- Hooks
Урок 104.00:00:25
8- Exercise
Урок 105.00:03:20
9- Solution
Автор - codewithmosh (Mosh Hamedani)
codewithmosh (Mosh Hamedani)
Здравствуй! Меня зовут Мош Хамедани. За последние три года я преподавал более 1 млн. стулентам как программировать или как стать лучшим кодером через мои онлайн-курсы и канал YouTube. Я работаю инженером-программистом в течение последних 18 лет, и я люблю делиться своими знаниями с вами.
Hello. Please update. One lesson is missing.
It should be Lesson 104 - "7 - Connect One or Many Components?".
Anonymous
awesome!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Обычное состояние React просто. Вы вызываете setState, компонент повторно рендерится, и… вот и все. Это относится к одному компоненту. Никаких скачков между файлами. Легко. Redux совсем другой зверь.
Redux является одним из самых популярных репозиториев JavaScript на GitHub. Этот курс научит вас продвинутым методам Redux, включая использование саг, использование селекторов, создание компонентов React и создание промежуточного программного обеспечения (middleware).
Нет лучшей стратегии для изучения новой технологии, кроме создания собственной версии. В этом курсе мы доведем это до крайности. Сначала вы начнете с создания своего собственного Redux. Затем, как только вы поймете ins и outs Redux, вы посмотрите, как подключить этот интерфейс к пользовательскому интерфейсу JavaScript. Затем вы увидите, как React и Redux работают вместе, заменяя свой интерфейс с помощью React. После этого мы рассмотрим проблемы м
Практическая разработка коммерческих React приложений. Чтобы сделать этот курс максимально полезным, мне очень важно знать мнение первых учеников. А это невозможно сделать, не поделившись готовыми уроками уже сейчас. Этот курс снят на 70% (это означает, что несколько последних глав ещё не добавлены в курс).
Продвинутый видеокурс по Redux, с фундаментальных основ
Вы изучите все возможные темы, которые относятся к Redux: от основ эффективного хранения и управления состоянием до подходов прототипирования архитектуры полноценного приложения и продвинутого тестирования. Мы обучим вас современным продвинутым технологиям Redux Saga и WebSocket.
It should be Lesson 104 - "7 - Connect One or Many Components?".