Angular standalone component. Private component. Как перейти от модулей к standalone components

Поделиться
HTML-код
  • Опубликовано: 23 июл 2024
  • Модули позволяют создавать приватные юниты, такие как компоненты, директивы, пайпы. Новый подход, где модуль совмещен с компонентом не имеет возмжности создавать приватные юниты. В этом видео я показал недостаток standalone compoent, но и показал как на них перейти и какой выигрыш
    ==============================
    Код готового урока:
    github.com/MaksymGrom/angular...
    ==============================
    Инструкция по установке angular проекта:
    Вариант 1:
    Пройдите плейлист: • Как работает WEB. Мест...
    Вариант 2:
    github.com/MaksymGrom/angular...
    Загрузите зависимости (npm install)
    Можно запускать проект (ng serve)
    ==============================
    Выбор редактора код это дело каждого, но в этом плейлисте я использую webstorm. Как настроить один из популярнейших редакторов ниже:
    VS Code: • VS Code extensions для...
    WebStorm: • WebStorm работа с angu...
    Архитектурные елементы Angular • Angular архитектурные ...
    Основы RxJS • RxJs Теория: Observabl...
    Подробнее об OnPush • ngOnChanges vs ngDoChe...
    Немного старого видео об иммутабельности • Immutable. Неизменяемо...
    Не забываем что SQL важен независимо чем планируешь заниматься при веб разработке, даже если планируешь быть менеджером проектов.
    Курс по SQL можно найти по ссылке: • Что такое SQL? Как раб...
    Спасибо что продолжаете смотреть меня и радовать комментариями.
    ---- Соц сети
    Телеграм, где можно узнать о новых видео и получать доп контент
    t.me/webDevGromMaxChannel
    P.S. В youtube я отвечаю быстрее чем в telegram, буду рад комментам в youtube
    ----
    Чтобы поддержать канал
    1) Можно поставить лайк (или дизлайк, если не понравилось видео)
    2) Оставить комментарий более 5 слов
    3) Досмотреть видео до конца (так удержание будет выше и мне это поможет в продвижении)
    4) Оставить отзыв в комментариях, что можно улучшить в видео, чтобы не хотелось его закрывать
    5) Можно стать участником моего канала на платной основе / @grommaks
    #directives #angular #grommax
    Материально поддержать канал можно следующим способом
    1) Перевод на карту send.monobank.ua/7oqmsFg3Y
    2) Пройти опрос, чтобы помочь выбрать подходящие варианты поддержки
    forms.gle/ZbFCKJSpDNYp4AMC6
    Оглавление
    00:00 - Введение
    00:24 - Приватные юниты в angular
    03:20 - Standalone component
    04:49 - Перевод Module на Standalone
    07:12 - Краткий гайд

Комментарии • 20

  • @user-kc5zo1xu2h
    @user-kc5zo1xu2h 10 месяцев назад +5

    Отлиный контент для таких хлебушков, как я, которые, прочитав доки и посмотрев англоязычные гайды, нифига не поняли, а тут наконец-то что-то поняли.

  • @nouchance
    @nouchance 10 месяцев назад +1

    Thank you Maxim!

  • @user-ve8ux5yy7y
    @user-ve8ux5yy7y 10 месяцев назад +1

    How always - cool. Thanks

  • @Maratreason
    @Maratreason 10 месяцев назад +1

    Спасибо!

  • @sergeisychov9810
    @sergeisychov9810 10 месяцев назад +1

    Спасибо. Я уже подумал, что весь мой код депрекейтед)))

  • @user-ve8ux5yy7y
    @user-ve8ux5yy7y 10 месяцев назад +1

    И Вы, автор, всё таки ретроград, в некоторых вопросах:)))

  • @Daniyar86
    @Daniyar86 10 месяцев назад +1

    Вот это да ***ушел рефакторить***

  • @andreifilimonchyk8318
    @andreifilimonchyk8318 10 месяцев назад +2

    Мне показалось, или появление standalone подхода Вам не зашел?)

    • @grommaks
      @grommaks  10 месяцев назад +1

      Любое новое кажется лучше чем старое, я лишь пытаюсь показать недостатки нового, чтобы взвешенно бежать в объяться standalone подхода ;)

  • @skidrow7930
    @skidrow7930 10 месяцев назад +1

    можете рассказать о мемоизации в ангуляр?

    • @grommaks
      @grommaks  10 месяцев назад

      Если вопрос о пайпах
      Angular Pipe. Как создать пайпу и почему нужно их использовать?
      ruclips.net/video/av26GuHBifQ/видео.html
      Если вопрос о NGRX селекторах
      Angular NGRX за час. Часть 3 из 4. Action Reducer Select
      ruclips.net/video/mygliUuAkkQ/видео.html
      Других мест не вспомню, если только не считать change detection on push, но то немного другое

  • @trash2trash
    @trash2trash 10 месяцев назад +2

    Смысла особого нет в stanalone , если вы сидите на modules.
    Официалы (Дебора) говорят, что standlaone сделан просто для новичков. Некоторым концепт модулей не заходит, так как уровень понимания маленький.

    • @grommaks
      @grommaks  10 месяцев назад

      Для рядового проекта можно не менять ничего, но я думаю библиотека material воспользуется этим обновлением и часть компонентов сделает standalone
      Главная выгода от него, это tree shaking компонентов

  • @Asgyr
    @Asgyr 10 месяцев назад +2

    У вас очень тихое видео приходиться звук на макс включать чтобы хотя бы что то услышать((

    • @grommaks
      @grommaks  10 месяцев назад +1

      Увеличу громкость записи в следующий раз

    • @grommaks
      @grommaks  10 месяцев назад

      Спасибо

    • @mihinov
      @mihinov 10 месяцев назад +2

      мне нормально

  • @Niachan666
    @Niachan666 10 месяцев назад +1

    Сложно о простом

  • @IngvarLosev
    @IngvarLosev 10 месяцев назад +1

    Спасибо !