Angular + NGRX за час

За час рассмотрел:
- Что такое хранилище
- Какая библотека организует хранилище в Ангулар
- Как организован NGRX
- Что такое #Actions #Reducer #Selectors #Effects
- Установил базовую сборку #Andular + #NGRX
- Установил NGRX/Store NGRX/Router NGRX/Effect NGRX/DevTools
- Изменил комопонент App чтобы он обслуживал логику счетчика
- Создал #Reducer для хранения #State счетчика
- Для начального #State описал #Selectors с помощью которых вывел в шаблон данные используя #pipe #async
- Описал #Actions для создания запроса на изменение #State и описал логику изменения #State в #Reducer
- Описал Effect для обновления даты в #State
- Доработал приложение
- Описал полностью рабочую часть приложения в качестве заключения

Презентация https://docs.google.com/presentation/d/1pX_IIUPBzv3e5122c9mjThZYGgL6lzmifLgWzM21myc/edit?usp=sharing

Код проекта
https://github.com/MaksymGrom/ngrx-by-an-hour

Шаги по установке
1) git clone https://github.com/MaksymGrom/ngrx-by-an-hour
2) cd ngrx-by-an-hour
3) npm ci
4) npm start
5) Открыть в браузере localhost:4200

Привет друзья. Меня зовут Максим, я начал свой путь в IT в 2014 году.
Преподавал в ХАИ аж 6 лет, почти что решился защищать кандидатску но IT меня сманило :)
Мой канал направлен на развитие IT, повышение качества разработчиков и упрощение начала карьеры в IT индустрии.
Люблю сложные решения, однако понимаю, чтобы давать сложные решения, нужно научить типовым :) Так что толи еще будет на моем канале

в linkedIn можно посмотреть чем я знимаюсь сегодня
https://www.linkedin.com/in/maksym-grom-7b1098112/

я в фесбуке (подписывайся)
https://www.facebook.com/maksym.grom

Также меня можно найти в твиттере
https://twitter.com/makym_grom

И телеграмм канале
https://t.me/webDevGromMaxChannel

Подписывайтесь на канал, рекомендуйте друзьям, ставьте лайки и пишите коменты. Давайте вместе делать мир лучше!

#NGRX, #angular, #redux, #javascript, #js, #ангулар, #async, #pipe async, #ngrx #reducer, #selectors, #webdev, #typescript, #effects, #ngrxCounterApp, #ngrx #store, #rxjs, #ngrx #rxjs, #frontend

#ityoutubersru