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

NGRX Store + Effects
Duration 07:31:17
Открыть все курсы от ultimateangular
Облачный хостинг на SSD с лучшей техподдержкой! Развернуть приложение в один клик

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:01:59
  • Урок 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.

Твоя оценка

32 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
69 2
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
1 0
07-01-2019 en 24 урока
frontendmasters Reactive Angular with NgRx
Научитесь использовать Angular с NgRx и RxJs, чтобы существенно упростить управление состояниями и управление потоками при одновременном сокращении объема кода. Мы интегрируем NgRx в наше приложение и рассмотрим, как работать с Store, действиями, редукторами, селекторами, инструментами разработки и представим сущность NgRx, чтобы еще больше упростить процесс.
Duration 03:14:18
1 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
2 0

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

Полный курс по программированию на Python для начинающих

Полный курс по программированию на Python для начинающих

en
Изучите Python для AI, машинного обучения, науки о данных и разработки приложений. Математики, ученые и инженеры любят Python. Почему? Потому что он делает сложные вычисления и повторяющиеся задачи действительно простыми для написания и выполнения. Разработчики любят его, потому что он простой...
Python для анализа данных

Python для анализа данных

ru
«Данные — это новая нефть». Они помогают усовершенствовать продукт, привлечь новых пользователей и являются драйвером роста любой компании. Компании во всем мире используют Python для сбора и анализа данных. В Uber, Yandex и Facebook, знание Python является обязательным требованием при приеме...
Flutter и Dart: полноценное мобильное приложение™

Flutter и Dart: полноценное мобильное приложение™

en
Изучение того, как создавать приложения для iOS и Android, с полным демонстрационным примером на основе Dart и Flutter Framework. Flutter - это SDK для мобильных приложений, предназначенный для создания высококачественных собственных интерфейсов на iOS и Android в рекордно короткие сроки. Flutter ра
Flutter: кроссплатформенное приложение iOS / Android

Flutter: кроссплатформенное приложение iOS / Android

en
Создавайте кроссплатформенные красивые нативные приложения в рекордно короткие сроки. Flutter - это SDK для мобильных приложений, в комплекте с фреймворком, виджетами и инструментами, который предоставляет разработчикам простой и продуктивный способ создания и развертывания красивых мобильных...
Программирование на Dart от новичка до эксперта

Программирование на Dart от новичка до эксперта

en
Изучите Dart с уровня Beginner и станьте экспертом, который может начать изучать Flutter, AngularDart и многое другое. В этом курсе вы узнаете все, что вам нужно знать о Dart. Dart - это язык, который становится популярным день ото дня, и разработчики по всему миру стремятся к этому языку...
Понятный JavaScript (Middle)

Понятный JavaScript (Middle)

ru
Хочешь стать JavaScript разработчиком, систематизировать знания и выйти на совершенно новый уровень! Курс «Понятный JavaScript» — это комплексная программа обучения, которая позволит тебе полностью изучить с нуля главный язык Frontend разработчика. Уже через 3 месяца ты будешь знать JavaScript...
chat
logo