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
- Доработал приложение
- Описал полностью рабочую часть приложения в качестве заключения

Код проекта

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

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

в linkedIn можно посмотреть чем я знимаюсь сегодня

я в фесбуке (подписывайся)

Также меня можно найти в твиттере

И телеграмм канале

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

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

#ityoutubersru

[grommaks]

Привет всем, я снял вторую версию этого урока для того чтобы использовать последний Angular и учесть проблемы этого видео
Приятного просмотра 😀

[MrVIPKent]

Фух найстрашніша для мене частина ангуляру

[YevgenKhramov]

Очень понятно! Спасибо! 12 минута - Redux это расширение для Chrome - его ставить надо.

[aalolooo]

Вы так все четко и ясно разложили. У вас талант в рассказывании сложных вещей 👍

[eloy_]

I don't speak russian but you helped me a lot !! Thank you :)

[SimonM-ng]

Я начал работать с NGRX, поработал пару месяцев и понял, что пишу очень много механического кода каждый раз. Думаю - может я как-то не так его понял, пойду послушаю гайды и узнаю как короче писать тот же объем. Открываю вашу лекцию, вижу "очень много писанины" и в принципе мне с этой технологией всё становится понятно

[ЕвгенийНекрасов-нм]

Хорошее объяснение, мне помогло. Спасибо!

[artyomslife]

Топовый контент. Сложно но вроде понятно. Спасибо!

[bekzhanseitkali]

Спасибо большое! Все стало понятно! 👍✊

[Re_pay]

Очень крутой видос.
На работе, в проекте используется диспатч...но хоть убей не понимал почему туда отправляют целый "new Class()", после просмотра твоего видоса, всё встало на свои места.
Спасибо чувак 👍

[levapveeskela]

хороший урок аж из 2019, но думаю он всё ещё очень актуален, спасибо)

[ViktOvcharenko]

Макс, спасибо за такой качественный контент! У тебя не заслуженно мало подписчиков)

[praecantato]

Спасибо за хорошее видео! Почему-то сложно найти подобные подробные ролики по NgRx, будто бы никто им не пользуется, хотя все требуют))

[grommaks]

Спасибо ребята что смотрите мои видео :)
Уже 11 900+ просмотров на этом видео!!! Вы все крутые 😎😎😎

[arkadii]

У кого 11 angular, отключите строгий режим (в tsconfig.json и angular.json изменить strict: true на strict: false). Без этого у вас на ~40 минуте будет ошибка в index.ts в папке reducers. Не знаю исчерпывающее решение, или нет, но в моём случае помогло.

[serdotsenko]

привет. спасибо. добавляй пж-та тайм-коды в описание. лайк, подписка. именно та тематика канала, что мне нужно !

[Renarus]

На 28 минуте понимаю какая же это хрень, "ваша заливная рыба". Сложность зашкаливает.

[ВаноВано-лр]

для тех кто впервые изучает ngrx будет сложно разобраться тк каждый автор одну и туже фичу реализует разными путями))

[igorbond]

для первого знакомства топ контентент - но теперь есть еще больше вопросов:
Как дела обстоят с роутингом - мы его подключили но не юзали.
Всегда ли мы юзаем async пайп или можно делать подписку и в этом случае обязательна ли отписка?
Можем ли мы где то юзать ngrx, а где то не заморачиваться на наше усмотрение? или если уж юзаем то тотально для всех данных даже если они априори никогда не выйдут за пределы одного компонента и не нужно организовывать единую базу для всех?
Как работать с массивами данных например items и с одним item? Было бы более наглядно если бы видос был не на примере каунтера, а на примере полноценного Todo приложения.
Как все это синхронизируется с сервером? NGRX берет на себя работу с HTTP или все равно мы юзаем свой сервис а NGRX просто остается хранилищем?
Как работать с данными вытянутыми через JOIN или Populate (если это Монго) - к примеру у нас есть хранилище для юзера, а есть для его todos - если мы берем тудушки и там есть поле юзер с данными юзера.
Как синхронизировать это с формами - то ли у нас остается двусторонная привязка - то ли мы диспатчим данные когда уже полностью заполнили форму и сохраняем.
Как быть с данными которые меняются и которые только для чтения? - мы храним их вместе или по отдельности?

[yudgine]

Привет, спасибо за туториал. А где скачать репозеторий с данным проектом?