Загрузка страницы

#12 Джедай веб разработки. Admin auth через NGRX. Авторизация на сайте через хранилище

NGRX это менеджер состояния приложения использующий Redux + RxJS. В этом видео я устанавливаю ngrx/effects и добавляю хранилище для обслуживания состояния авторизации admin-auth функционала.

В этом видео создаю Reducer, Actions, ActionCreator, Selects, Effects и много других страшных штук в NGRX

Еще рассмотрел использование оператора rxjs, SwitchMap

Тег с кодом для начала задания
https://github.com/MaksymGrom/ng-blog/tree/0.0.5
Тег с кодом выполненного задания
https://github.com/MaksymGrom/ng-blog/tree/0.0.6
----------------------------------------------------------------------------------------

Приветствую друзья. Этот плейлист посвящен разработке блога с использованием Nest Js + Angular + MySql. Все это будет происходить с использованием KANBAN подходов к ведению проектов и с использованием github.

Видео максимально содержат все шаги разработки и мысли по реализации.

Цель такого формата - донести свое мировозрение к разработке длительных проектов и привлечь увлеченных ребят делать pull request в мой github репозиторий как contributors.

Невозможно рассказать причины появления шаблонов программирования, если не иметь проект состоящий из большого числа зависящих друг от друга элементов.

Надеюсь такой формат видео будет интересен. Github проекты можно найти:
https://github.com/MaksymGrom/ng-blog
https://github.com/MaksymGrom/nest-blog

Телеграм канал:
https://t.me/webDevGromMaxGroup

Спонсорство:
https://www.patreon.com/grommax

Видео #12 Джедай веб разработки. Admin auth через NGRX. Авторизация на сайте через хранилище канала Максим Гром
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
8 августа 2020 г. 16:00:12
01:01:49
Другие видео канала
Angular async pipe своими руками (DIY). Глубокий разбор реализации async pipeAngular async pipe своими руками (DIY). Глубокий разбор реализации async pipeAngular. Где хранить специфичные константы?Angular. Где хранить специфичные константы?Абстрактная Фабрика порождающие шаблоны проектирования. Patterns Abstract FactoryАбстрактная Фабрика порождающие шаблоны проектирования. Patterns Abstract Factory#18 Джедай веб разработки. Синхронизация вкладок браузера через localStorage#18 Джедай веб разработки. Синхронизация вкладок браузера через localStorageAngular. Аттрибуты, классы и стили в шаблоне. NgStyle, NgClass, Attr.Angular. Аттрибуты, классы и стили в шаблоне. NgStyle, NgClass, Attr.JavaScript практика. Дерево из таблицы. Древовидное меню. Array.reduce, Array.mapJavaScript практика. Дерево из таблицы. Древовидное меню. Array.reduce, Array.map#34 TDD подход при разработке сервиса меню NestJS разработка кода | Джедай веб разработки#34 TDD подход при разработке сервиса меню NestJS разработка кода | Джедай веб разработки#15 Джедай веб разработки. Angular HTTP Interceptor на RXJS#15 Джедай веб разработки. Angular HTTP Interceptor на RXJS#25 Джедай веб разработки. Grid & Form pages для тестирования навигации#25 Джедай веб разработки. Grid & Form pages для тестирования навигацииПрактика. Angular dependency injection framework. React API Context через Angular DIПрактика. Angular dependency injection framework. React API Context через Angular DISQL ORDER BY, DISTINCT, UNION ALL, LIMITSQL ORDER BY, DISTINCT, UNION ALL, LIMITAngular directives, создание директивы, пример highlight директивыAngular directives, создание директивы, пример highlight директивыЧто такое SQL? Как работать с WebSQL? Основы SQL | SQL для начинающихЧто такое SQL? Как работать с WebSQL? Основы SQL | SQL для начинающихJavaScript практика. classTreeCollection. Глубокое дерево из таблицы. Array.reduce, Array.mapJavaScript практика. classTreeCollection. Глубокое дерево из таблицы. Array.reduce, Array.mapAngular подключение стилей в компонент. Encapsulation. ViewEncapsulationAngular подключение стилей в компонент. Encapsulation. ViewEncapsulationAngular Directives. Передача ng-template через структурную директиву в Table Component часть 2Angular Directives. Передача ng-template через структурную директиву в Table Component часть 2Синхронизация NGRX с LocalStorage | todo app angular ngrxСинхронизация NGRX с LocalStorage | todo app angular ngrx#13 Джедай веб разработки. JWT Decode. Извлекаем payload из JWT на Angular#13 Джедай веб разработки. JWT Decode. Извлекаем payload из JWT на Angular#19 Джедай веб разработки. Angular Guards + Observable. Защита авторизованных ссылок#19 Джедай веб разработки. Angular Guards + Observable. Защита авторизованных ссылок#9 Джедай веб разработки. Архитектура VIEW слоя. Обзор слоев приложения#9 Джедай веб разработки. Архитектура VIEW слоя. Обзор слоев приложения
Яндекс.Метрика