NGRX Store + Effects - Видеоуроки

NGRX Store + Effects
Duration 07:44:08
Открыть все курсы от ultimateangular

NGRX Store + Effects - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Introduction on State Management 00:05:27
  • Урок 2. Redux: Three Principles 00:05:52
  • Урок 3. Redux: Core Concepts 00:13:17
  • Урок 4. Immutable and Mutable JavaScript 00:11:27
  • Урок 5. Project walkthrough and installation 00:04:02
  • Урок 6. Store creation and initial State 00:08:07
  • Урок 7. Dispatching Actions 00:05:36
  • Урок 8. All about Reducers 00:16:40
  • Урок 9. Store Subscriptions 00:09:31
  • Урок 10. Actions to Action Creators 00:14:12
  • Урок 11. High level ngrx/store 00:05:29
  • Урок 12. Reactive component architecture 00:04:01
  • Урок 13. Project Setup and Walkthrough 00:13:40
  • Урок 14. Action Constants and Creators 00:08:55
  • Урок 15. Creating and Registering our Reducer 00:14:44
  • Урок 16. State composition with Selectors 00:21:41
  • Урок 17. Concepts of Effects 00:06:13
  • Урок 18. Our first @Effect 00:22:24
  • Урок 19. Optimizing Data Structures with Entities 00:16:28
  • Урок 20. Hooking up @ngrx/router-store 00:09:33
  • Урок 21. Custom Router State Serializers 00:13:59
  • Урок 22. Router State and Entity Composition 00:17:56
  • Урок 23. Further Action Creators 00:10:45
  • Урок 24. Multiple Reducers 00:11:26
  • Урок 25. Further Effects 00:11:22
  • Урок 26. Selector Composition 00:11:18
  • Урок 27. Mapping IDs to Entities 00:14:50
  • Урок 28. Store Selectors and Async Pipe 00:10:04
  • Урок 29. Creating, via Dispatch, Reducer and Effect 00:14:44
  • Урок 30. Updating, via Dispatch, Reducer and Effect 00:10:20
  • Урок 31. Deleting, via Dispatch, Reducer and Effect 00:11:55
  • Урок 32. Router Actions and Effect 00:14:50
  • Урок 33. Multiple Actions in Effects, Router Actions 00:10:27
  • Урок 34. Preloading across multiple Routes 00:14:41
  • Урок 35. Guards that check Store Entities 00:10:12
  • Урок 36. One more Guard 00:05:03
  • Урок 37. OnPush, everywhere 00:03:49
  • Урок 38. Testing Actions 00:10:22
  • Урок 39. Testing Reducers 00:13:03
  • Урок 40. Testing Selectors 00:18:33
  • Урок 41. Testing Effects 00:07:10

Усовершенствуйте реактивное и высокопроизводительное управления Redux для Angular приложений. Вам нужны предсказуемые, поддерживаемые и быстрые приложения. Вы будете управлять действиями, редюсерами, структурами данных с объектами, Memoized Selectors, паттернами Redux, побочными эффектами, неизменностью до предварительной загрузки, состоянием маршрутизатора и тестированием. Все в реальном это в реальном приложении.

Предпосылки

Убедитесь, что у вас установлено следующее:

Установите последнюю версию Node.js (Mac или Windows)

Пользователи Mac могут сделать brew install node, если у них установлен brew

Node Sass, если вы еще не установили его:

npm install -g node-sass

Redux Store Project

Репозиторий проекта или скачайте .zip и извлеките файлы где вам угодно на своей машине.

Шаг 1: Менеджер пакетов

Чтобы установить зависимости проекта, вам необходимо установить yarn. Если вы уже установили yarn, обязательно обновите его до последней версии. Чтобы установить yarn, запустите в своем терминале следующее:

npm install -g yarn 

Пользователи Mac могут использовать brew для установки yarn

brew update
brew install yarn

Шаг 2: Зависимости проекта

Теперь, когда у нас есть менеджер пакетов, мы можем установить зависимости проекта. Вы можете сделать это, запустив:

yarn install // or npm install 

это установит наши зависимости для запуска нашего Angular приложения.

Шаг 3: Запуск проекта

Во время разработки проект строится с использованием webpack-dev-server. Это обеспечивает локальный сервер разработки, а также позволяет перекомпилировать наше приложение при изменении файла. Проект также будет автоматически обновлять страницу всякий раз, когда мы вносим изменения.

Чтобы запустить проект в разработке, запустите:

yarn start // or npm run start 

Это даст некоторую информацию о проекте (например, версию TypeScript и прогресс сборки). После того, как вы увидите, что «сборка завершена», вы готовы писать код!

Откройте ваш браузер на localhost: 8000.

Redux Store: Seed

https://github.com/UltimateAngular/redux-store

NGRX App: Seed and Stepped Branches

https://github.com/UltimateAngular/ngrx-store-effects-app

Redux Store: Branches

Каждое видео имеет соответствующую ветку на GitHub.

NGRX Store + Effects: Seed (Project Branches) - Каждое видео имеет соответствующую ветку на GitHub.

Твоя оценка

37 0
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

17-01-2018 en 119 уроков
udemy Angular (Full App) with Angular Material, Angularfire & NgRx
Используйте Angular, Angular Material, Angularfire (+ Firebase c Firestore) и NgRx для создания реального Angular приложения. Angular - потрясающий фреймворк, с помощью которого вы можете создавать мощные веб-приложения.

Есть много курсов, которые глубоко погружаются в Angular, но иногда вы просто хотите создать целое приложение и посмотреть, как все это работает на практике. И вы хотите использовать все эти прекрасные сторонние пакеты,...
Duration 10:28:24
30 0
15-01-2017 ru 16 уроков
webformyself Angular 4 NgRx
В этом курсе мы будем рассматривать @ngrx/store - Redux в Angular 4. Сперва мы напишем приложения, которое реализуем обычным подходом Angular, и уже после, мы перепишем его c Redux используя ngrx. Мы поработаем также с reducers, actions, state используя соответствующие типы и интерфейсы. Мы добавим в наше приложение асинхронности и подключим к нему сервер с БД, где будет хранится состояние нашего приложения.
Duration 02:20:46
74 3
30-11--0001 en 36 уроков
frontendmasters Reactive Angular 2 with ngrx
Реактивное программирование затронуло все основные современные разработки веб-приложений и коренным образом изменило то, как мы подходим к веб-приложениям. Angular 2 охватил этот дивный новый мир, и при этом, дал нам большую платформу для построения из функциональных, реактивных веб-приложений, прямо из коробки. Добавляем библиотеку Redux, @ ngrx/магазин, и у нас есть серьезный программный арсенал.
Duration 04:37:25
27 13
01-04-2018 en 16 уроков
egghead Build Redux Style Applications with Angular, RxJS, and ngrx/store
Angular имеет множество встроенных функций для тесного взаимодействия с RxJS, чтобы помочь вам построить полностью реактивные приложения. Этот курс научит вас использовать Angular с RxJS. Мы узнаем, как использовать библиотеку ngrx/store для управления состоянием в очень чистом реактивном стиле Redux.В этом курсе предполагается, что у вас есть рабочее знание Angular и реактивного программирования с RxJS. 
Duration 00:41:27
8 1
25-10-2018 en 1 урок
frontendmasters Angular Reactive & Angular Testing
Узнайте, как перенести свое Angular приложение на следующий уровень, значительно снизив сложность приложения, применяя реактивные методы. Мы узнаем, как связывать встроенные Angular механизмы с NgRx и RxJs, чтобы значительно упростить управление состоянием и управление потоком при сокращении объема кода. Мы начнем с интеграции NgRx в наше приложение, а затем систематически пройдемся по тому, как работать с store, действиями, редукторами,...
Duration 07:13:34
2 0
07-01-2019 en 24 урока
frontendmasters Reactive Angular with NgRx
Научитесь использовать Angular с NgRx и RxJs, чтобы существенно упростить управление состояниями и управление потоками при одновременном сокращении объема кода. Мы интегрируем NgRx в наше приложение и рассмотрим, как работать с Store, действиями, редукторами, селекторами, инструментами разработки и представим сущность NgRx, чтобы еще больше упростить процесс.
Duration 03:14:18
4 0
15-11-2018 en 49 уроков
udemy NgRx In Depth (Angular 7 and NgRx 7, with FREE E-Book)
Познакомьтесь с современной экосистемой NgRx, включая NgRx Store, Effects, Router Store, NgRx Entity, DevTools и Schematics. Одной из наиболее распространенных проблем, с которыми мы столкнемся как веб-разработчики, являются проблемы управления состоянием. Как правило, они появляются в больших приложениях, где у нас есть несколько компонентов, которые должны одновременно отображать и изменять одни и те же общие данные в разных точках дерева...
Duration 05:04:37
13 0
en 80 уроков
pluralsight Angular NgRx: Getting Started
NgRx - это мощная библиотека для организации и управления состоянием и взаимодействиями с этим состоянием в ваших приложениях Angular с использованием redux pattern. Этот курс поможет вам начать работу с NgRx, включая sstore, actions, reducers, effects, и selectors.
Duration 04:05:32
4 0

Последнее добавленное

Сертифицированный Microsoft Azure разработчик - экзамен AZ-203

Сертифицированный Microsoft Azure разработчик - экзамен AZ-203

en
Этот курс существует для того, чтобы вы могли приобрести навыки, необходимые для сдачи сертификационного экзамена AZ-203: Разработка решений для Microsoft Azure, который затем принесет вам сертификат Microsoft Certified Developer Associate.
Microsoft Azure Architect Technologies - Экзамен AZ-300

Microsoft Azure Architect Technologies - Экзамен AZ-300

en
Этот курс призван помочь вам освоить необходимые навыки, необходимые для сертификационного экзамена Microsoft Azure AZ-300. Экзамен AZ-300 - это экзамен на уровне экспертов, который проверяет кандидатов на продвинутые знания и опыт работы с различными аспектами Microsoft Azure.
Современный React Bootcamp (с Hooks, React Router и др.)

Современный React Bootcamp (с Hooks, React Router и др.)

en
Следуйте той же программе, которую я преподаю своим студентам в SF. 10+ проектов, включая одно ОГРОМНОЕ приложение! Добро пожаловать на лучший онлайн ресурс для изучения React! Этот курс, опубликованный в апреле 2019 года, является совершенно новым и охватывает последние новости React. Этот курс...
Профессиональный JavaScript, уровень 2 (18 февраля - 25 апреля 2019)

Профессиональный JavaScript, уровень 2 (18 февраля - 25 апреля 2019)

ru
Курс предназначен для тех, кто прошёл «Профессиональный JavaScript, уровень 1», или для разработчиков, желающих поднять свои навыки. После прохождения курса вы будете уверенно создавать современные веб-приложения, а также сможете попробовать себя в качестве наставника на наших курсах.
SymfonyCon 2018 - Лиссабонская Конференция (Видео)

SymfonyCon 2018 - Лиссабонская Конференция (Видео)

en
SymfonyCon 2018 Лиссабон имел огромный успех! Более 900 участников со всего мира собрались вместе, чтобы узнать, встретиться и поделиться своим опытом в Symfony. Более 25 докладчиков выступили по различным темам: от нового веб-сервера Symfony до Messenger, API-платформы и многого другого.
Все о загрузке файлов в Symfony

Все о загрузке файлов в Symfony

en
Нужно загрузить некоторые файлы в Symfony? Отлично! Вы пришли в нужное место! В наши дни загрузка файлов может быть простой... или невероятно сложной - с облачным хранилищем, личными файлами, миниатюрами, проверкой и так далее. Итак, давайте займемся ... всем этим!
Создание Reusable (и удивительных) Symfony пакетов

Создание Reusable (и удивительных) Symfony пакетов

en
Хотите поделиться кодом между проектами или со всем миром? Давай сделаем это! Создавая пакет Symfony! В этом руководстве мы узнаем о пакетах, их суперспособностях, о том, как добавлять сервисы и маршруты, а также о лучших практиках для создания наилучших возможных пакетов.
Формы Symfony 4: создавайте, визуализируйте и властвуйте!

Формы Symfony 4: создавайте, визуализируйте и властвуйте!

en
Да, формы! Одна из самых мощных и ... запутанных функций во всем Symfony. Вот правда: формы просто сложны. Вам нужно управлять элементами формы HTML, проверкой, преобразованием данных и многим другим. Компонент Form может быть самой сложной частью Symfony. Но чем больше с ним работаешь, тем...
chat
logo