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/...
Код проекта
https://github.com/MaksymGrom/ngrx-by...
Шаги по установке
1) git clone https://github.com/MaksymGrom/ngrx-by...
2) cd ngrx-by-an-hour
3) npm ci
4) npm start
5) Открыть в браузере localhost:4200
Привет друзья. Меня зовут Максим, я начал свой путь в IT в 2014 году.
Преподавал в ХАИ аж 6 лет, почти что решился защищать кандидатску но IT меня сманило :)
Мой канал направлен на развитие IT, повышение качества разработчиков и упрощение начала карьеры в IT индустрии.
Люблю сложные решения, однако понимаю, чтобы давать сложные решения, нужно научить типовым :) Так что толи еще будет на моем канале
в linkedIn можно посмотреть чем я знимаюсь сегодня
/ maksym-grom-7b1098112
я в фесбуке (подписывайся)
/ maksym.grom
Также меня можно найти в твиттере
/ 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