✨ Проектирование архитектуры Angular
Проектирование архитектуры может быть непростым делом, особенно в мире agile, где требования часто меняются. Поэтому ваш проект должен обеспечивать расширяемость без необходимости серьезной модификации.
Maciej Wojcik призывает не писать ненужный код — вы не можете предсказать будущие изменения, а спланировать и реализовать архитектуру, которая упростит расширение, независимо от того, как будут меняться требования.
👉 https://indepth.dev/posts/1478/designing-angular-architecture-container-presentation-pattern
Проектирование архитектуры может быть непростым делом, особенно в мире agile, где требования часто меняются. Поэтому ваш проект должен обеспечивать расширяемость без необходимости серьезной модификации.
Maciej Wojcik призывает не писать ненужный код — вы не можете предсказать будущие изменения, а спланировать и реализовать архитектуру, которая упростит расширение, независимо от того, как будут меняться требования.
👉 https://indepth.dev/posts/1478/designing-angular-architecture-container-presentation-pattern
👍20👎2
🔥 Создаем клон TikTok с помощью Angular
Как насчет того, чтобы сделать клон TikTok? Вы можете подумать, что это слишком сложно, но Виталий Шевчук обещает, что мы построим его самым эффективным и ленивым способом, с минимальным количеством кода, и узнаем много нового о современном фронтенде.
Больше никаких скучных учебников, только красивые, реальные примеры, изучайте Micro Frontend, создавая TikTok.
👉 https://javascript.plainenglish.io/building-beautiful-tiktok-clone-with-angular-and-micro-frontend-part-1-bdd189425695
Как насчет того, чтобы сделать клон TikTok? Вы можете подумать, что это слишком сложно, но Виталий Шевчук обещает, что мы построим его самым эффективным и ленивым способом, с минимальным количеством кода, и узнаем много нового о современном фронтенде.
Больше никаких скучных учебников, только красивые, реальные примеры, изучайте Micro Frontend, создавая TikTok.
👉 https://javascript.plainenglish.io/building-beautiful-tiktok-clone-with-angular-and-micro-frontend-part-1-bdd189425695
🔥13👍4👎1
✨ Создаем собственную библиотеку компонентов Angular
Повторное использование компонентов в разных проектах делает ваш код более организованным. Ваши приложения выглядят более последовательными и согласованными, когда вы повторно используете свои компоненты.
В этой статье рассматриваются основы создания библиотеки компонентов Angular и публикации ее на npm.
👉 https://javascript.plainenglish.io/create-your-own-angular-component-library-e5f062b902a8
Повторное использование компонентов в разных проектах делает ваш код более организованным. Ваши приложения выглядят более последовательными и согласованными, когда вы повторно используете свои компоненты.
В этой статье рассматриваются основы создания библиотеки компонентов Angular и публикации ее на npm.
👉 https://javascript.plainenglish.io/create-your-own-angular-component-library-e5f062b902a8
👍16🔥1🎉1
✨ Как использовать скелетоны в Angular?
Скелетоны стали популярными за последние несколько лет. Они отображают шаблон, отражающий структуру приложения, давая представление о том, какой тип содержимого загружается в каждом блоке.
Скелетоны можно реализовать самостоятельно, но такие фреймворки, как Angular, имеют готовые решения, которые легко применять.
👉 https://blog.angulartraining.com/how-to-use-a-skeleton-loader-with-angular-4f03ae8fa5c6
Скелетоны стали популярными за последние несколько лет. Они отображают шаблон, отражающий структуру приложения, давая представление о том, какой тип содержимого загружается в каждом блоке.
Скелетоны можно реализовать самостоятельно, но такие фреймворки, как Angular, имеют готовые решения, которые легко применять.
👉 https://blog.angulartraining.com/how-to-use-a-skeleton-loader-with-angular-4f03ae8fa5c6
👍16
🔥 Как не нужно изучать TypeScript
Изучение TypeScript, даже в 2022 году, может быть затруднительным. Люди, которые пишут на Java или C# обнаруживают, что все работает не так, как они привыкли. Люди, которые работают на JavaScript пугаются, когда на них кричит компилятор.
Stefan Baumgartner рассказал о частых ошибках новичков в TypeScript. Надеемся, они окажутся полезными для вас.
👉 https://fettblog.eu/how-not-to-learn-typescript/
Изучение TypeScript, даже в 2022 году, может быть затруднительным. Люди, которые пишут на Java или C# обнаруживают, что все работает не так, как они привыкли. Люди, которые работают на JavaScript пугаются, когда на них кричит компилятор.
Stefan Baumgartner рассказал о частых ошибках новичков в TypeScript. Надеемся, они окажутся полезными для вас.
👉 https://fettblog.eu/how-not-to-learn-typescript/
🔥10👍2
✨ Прекращение поддержки AngularJS
Для многих AngularJS стал технологией, изменившей жизнь, он заложил прочный фундамент для Angular и помог определить будущее веба. Но время идет, и команда разработчиков объявила о прекращении поддержки AngularJS.
Вы можете обновить свои приложения на Angular и воспользоваться преимуществами производительности и масштабируемости.
👉 https://blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a
Для многих AngularJS стал технологией, изменившей жизнь, он заложил прочный фундамент для Angular и помог определить будущее веба. Но время идет, и команда разработчиков объявила о прекращении поддержки AngularJS.
Вы можете обновить свои приложения на Angular и воспользоваться преимуществами производительности и масштабируемости.
👉 https://blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a
👍15🔥3
✨ 5 лучших техник на TypeScript
Со временем и практикой мы пишем более качественным код, но всегда есть место для улучшения. Ни одна методика не сделает запутанную программу лучше, однако сумма небольших улучшений будет существенной.
Надеемся эта статья откроет для вас несколько новых приемов.
👉 https://obaranovskyi.medium.com/top-5-techniques-in-typescript-to-bring-your-code-to-the-next-level-6f20be543b39
Со временем и практикой мы пишем более качественным код, но всегда есть место для улучшения. Ни одна методика не сделает запутанную программу лучше, однако сумма небольших улучшений будет существенной.
Надеемся эта статья откроет для вас несколько новых приемов.
👉 https://obaranovskyi.medium.com/top-5-techniques-in-typescript-to-bring-your-code-to-the-next-level-6f20be543b39
👍22🔥1
✨ Полное руководство по директиве ngFor в Angular
Если у вас есть итерируемый список с элементами, которые необходимо отобразить, то ngFor идеально подойдет для этой работы.
Директива NgFor — это мощная техника для визуализации нескольких элементов. Она предоставляет множество полезных дополнительных возможностей, о которых рассказано в статье.
👉 https://indepth.dev/tutorials/angular/complete-guide-to-ngfor-directive
Если у вас есть итерируемый список с элементами, которые необходимо отобразить, то ngFor идеально подойдет для этой работы.
Директива NgFor — это мощная техника для визуализации нескольких элементов. Она предоставляет множество полезных дополнительных возможностей, о которых рассказано в статье.
👉 https://indepth.dev/tutorials/angular/complete-guide-to-ngfor-directive
👍9🔥1
🚀 RFC строго типизированных реактивных форм
В течение пяти лет строгие типы в пакете Forms были одним из главных запросов. Issue #13721 является самым популярным в репозитории Angular. Многие пытались реализовать его на протяжении нескольких лет.
Команда Angular открыла обсуждение строго типизированных форм и создала RFC. Цель этого RFC — подтвердить дизайн с помощью сообщества, и дать возможность экспериментировать с помощью прототипа.
👉 https://blog.angular.io/typed-forms-the-rfc-is-here-53263e792c89
В течение пяти лет строгие типы в пакете Forms были одним из главных запросов. Issue #13721 является самым популярным в репозитории Angular. Многие пытались реализовать его на протяжении нескольких лет.
Команда Angular открыла обсуждение строго типизированных форм и создала RFC. Цель этого RFC — подтвердить дизайн с помощью сообщества, и дать возможность экспериментировать с помощью прототипа.
👉 https://blog.angular.io/typed-forms-the-rfc-is-here-53263e792c89
🔥23👍1🎉1
Сегодня в 9 вечера по Москве с KirJS разберем долгожданный RFC для типизированных форм: https://github.com/angular/angular/discussions/44513
🔥Прочитаем RFC и комменты
🔥Потыкаем результат
👀 Посмотреть: twitch.tv/kirjs | youtu.be/tIpIVg99O64
✉️ Обсудить в чате: https://t.me/kirjs_ru_chat/43407
🗣 Пообщаться голосом: twitch.tv/kirjs
🔥Прочитаем RFC и комменты
🔥Потыкаем результат
👀 Посмотреть: twitch.tv/kirjs | youtu.be/tIpIVg99O64
✉️ Обсудить в чате: https://t.me/kirjs_ru_chat/43407
🗣 Пообщаться голосом: twitch.tv/kirjs
🔥16🎉1
✨ Упрощаем себе работу с Enums в TypeScript
Работая над несколькими проектами, построенными на TypeScript, Олег Барановский заметил общие функции, которые приходилось переносить из проекта в проект. Поэтому он решил собрать их вместе и поделиться тем, что получилось.
В этой статье рассмотрены 8 функций, которые будут полезны при работе с Enums.
👉 https://obaranovskyi.medium.com/top-7-functions-youll-ever-need-to-work-with-enums-in-typescript-d8a75a445f2b
Работая над несколькими проектами, построенными на TypeScript, Олег Барановский заметил общие функции, которые приходилось переносить из проекта в проект. Поэтому он решил собрать их вместе и поделиться тем, что получилось.
В этой статье рассмотрены 8 функций, которые будут полезны при работе с Enums.
👉 https://obaranovskyi.medium.com/top-7-functions-youll-ever-need-to-work-with-enums-in-typescript-d8a75a445f2b
👍6
✨ Micro-Frontends в Angular
Современные веб-приложения становятся все более крупными и сложными и иногда разрабатываются несколькими командами. Как управлять разными командами, разными сроками выпуска, если у вас один репозиторий?
В этом посте рассмотрены преимущества и недостатки микросервисной архитектуры.
👉 https://blog.devgenius.io/angular-micro-frontend-4dad619c4277
Современные веб-приложения становятся все более крупными и сложными и иногда разрабатываются несколькими командами. Как управлять разными командами, разными сроками выпуска, если у вас один репозиторий?
В этом посте рассмотрены преимущества и недостатки микросервисной архитектуры.
👉 https://blog.devgenius.io/angular-micro-frontend-4dad619c4277
👍10
✨ Осваиваем связанные типы в TypeScript
Связанные типы — это удобная функция TypeScript, которая позволяет применять DRY. Однако, поскольку они находятся на грани между программированием и метапрограммированием, поначалу их бывает трудно понять.
В начале этой статьи рассматриваются концепции, позволяющие использовать связанные типы, а затем дан продвинутый реальный пример.
👉 https://blog.logrocket.com/mastering-mapped-types-typescript/
Связанные типы — это удобная функция TypeScript, которая позволяет применять DRY. Однако, поскольку они находятся на грани между программированием и метапрограммированием, поначалу их бывает трудно понять.
В начале этой статьи рассматриваются концепции, позволяющие использовать связанные типы, а затем дан продвинутый реальный пример.
👉 https://blog.logrocket.com/mastering-mapped-types-typescript/
🔥11👍2
🔥 Observables vs Promises
В этой статье вы получите полное представление о том, чем промисы отличаются от Observables. Олег Барановский постарался охватить все, что нужно знать, в одном месте.
Каждая тема будет сопровождаться примерами кода. Так что будьте уверены, скучать вам не придется.
👉 https://obaranovskyi.medium.com/the-ultimate-guide-to-observables-and-vs-promises-rxjs7-296877376668
В этой статье вы получите полное представление о том, чем промисы отличаются от Observables. Олег Барановский постарался охватить все, что нужно знать, в одном месте.
Каждая тема будет сопровождаться примерами кода. Так что будьте уверены, скучать вам не придется.
👉 https://obaranovskyi.medium.com/the-ultimate-guide-to-observables-and-vs-promises-rxjs7-296877376668
🔥7👍4💩4
🎉 Анонсирован TypeScript 4.6 beta.
21 января анонсировали бета-версию TypeScript.
Нововведения:
— Разрешение кода в конструкторах перед super()
— Улучшенная проверка глубины рекурсии
— Анализ потока управления для зависимых параметров
— Анализатор трассировки
Чтобы узнать подробности, включая даты выпуска, вы можете взглянуть на план итераций.
👉 https://devblogs.microsoft.com/typescript/announcing-typescript-4-6-beta/
21 января анонсировали бета-версию TypeScript.
Нововведения:
— Разрешение кода в конструкторах перед super()
— Улучшенная проверка глубины рекурсии
— Анализ потока управления для зависимых параметров
— Анализатор трассировки
Чтобы узнать подробности, включая даты выпуска, вы можете взглянуть на план итераций.
👉 https://devblogs.microsoft.com/typescript/announcing-typescript-4-6-beta/
🎉18👍2
✨ Обзор дорожной карты Angular
За предыдущий год команда Angular завершила 16 проектов из дорожной карты. Которые включали:
— Улучшение производительности, тестирования и отладки
— Ivy стал единственным движком рендеринга
— На 88% ускорилась сборка
— Выпущены Angular DevTools
Прямо сейчас идет работа над двумя востребованными инициативами:
— Строго типизированные реактивные формы (RFC)
— Автономные компоненты (RFC)
В этом году также планируется выпустить несколько улучшений производительности и DX. В дорожной карте есть и другие пункты, так что следите за новостями.
👉 https://blog.angular.io/angular-2021-recap-and-2022-preview-cb3067f76217
За предыдущий год команда Angular завершила 16 проектов из дорожной карты. Которые включали:
— Улучшение производительности, тестирования и отладки
— Ivy стал единственным движком рендеринга
— На 88% ускорилась сборка
— Выпущены Angular DevTools
Прямо сейчас идет работа над двумя востребованными инициативами:
— Строго типизированные реактивные формы (RFC)
— Автономные компоненты (RFC)
В этом году также планируется выпустить несколько улучшений производительности и DX. В дорожной карте есть и другие пункты, так что следите за новостями.
👉 https://blog.angular.io/angular-2021-recap-and-2022-preview-cb3067f76217
🔥15👍4
🔥 Функции TypeScript, которые следует избегать
TypeScript — это сложный язык, который значительно эволюционировал с течением времени. Как и в случае с любым зрелым языком, приходится принимать сложные решения о том, какие функции использовать, а какие избегать.
В этой статье перечислены четыре функции TypeScript, которые ее авторы рекомендуют избегать, но в зависимости от ваших обстоятельств, могут быть веские причины для их использования.
👉 https://www.executeprogram.com/blog/typescript-features-to-avoid
TypeScript — это сложный язык, который значительно эволюционировал с течением времени. Как и в случае с любым зрелым языком, приходится принимать сложные решения о том, какие функции использовать, а какие избегать.
В этой статье перечислены четыре функции TypeScript, которые ее авторы рекомендуют избегать, но в зависимости от ваших обстоятельств, могут быть веские причины для их использования.
👉 https://www.executeprogram.com/blog/typescript-features-to-avoid
👎19👍7
🎉 Angular v13.2 уже здесь
Нововведения:
— Поддержка optional chaining в шаблонах
— Дополнительные опции в FormControl
— Расширенная диагностика
Так же добавили более умные предупреждения и помощь в раннем обнаружении простых ошибок.
👉 https://github.com/angular/angular/releases/tag/13.2.0
Нововведения:
— Поддержка optional chaining в шаблонах
— Дополнительные опции в FormControl
— Расширенная диагностика
Так же добавили более умные предупреждения и помощь в раннем обнаружении простых ошибок.
👉 https://github.com/angular/angular/releases/tag/13.2.0
🎉21👍3
🦊 Лис разрушает мифы про Angular
Очень часто вижу, что люди задаются таким вопросом: «А правда ли то, что Angular сложный, тяжелый и трудно поддерживаемый фреймворк?» или «Что проще выучить новичку: Angular или React?»
Это хорошие вопросы, которые ставят многих разработчиков в тупик.
На стриме, который состоится через неделю — 3 февраля, расскажу на примерах, что на самом деле такое Angular.
Зарегистрироваться можно здесь.
👉 https://youtu.be/ZHvQv34WKlk
Очень часто вижу, что люди задаются таким вопросом: «А правда ли то, что Angular сложный, тяжелый и трудно поддерживаемый фреймворк?» или «Что проще выучить новичку: Angular или React?»
Это хорошие вопросы, которые ставят многих разработчиков в тупик.
На стриме, который состоится через неделю — 3 февраля, расскажу на примерах, что на самом деле такое Angular.
Зарегистрироваться можно здесь.
👉 https://youtu.be/ZHvQv34WKlk
🔥32
⭐️ Реализация GitHub с помощью Angular
Команда This Dot Labs создала клон интерфейса GitHub, чтобы дать сообществу проект, демонстрирующий возможности Angular, с открытым исходным кодом в качестве учебного пособия.
Проект нуждается в доработке. Если вы новичок в Angular и хотите получить отзыв о своем коде. Можете сделать pull request с вашими изменениями, и они с радостью рассмотрят его и дадут обратную связь.
👉 https://www.thisdot.co/blog/announcing-angular-github-clone-for-starter-dev-showcases
Команда This Dot Labs создала клон интерфейса GitHub, чтобы дать сообществу проект, демонстрирующий возможности Angular, с открытым исходным кодом в качестве учебного пособия.
Проект нуждается в доработке. Если вы новичок в Angular и хотите получить отзыв о своем коде. Можете сделать pull request с вашими изменениями, и они с радостью рассмотрят его и дадут обратную связь.
👉 https://www.thisdot.co/blog/announcing-angular-github-clone-for-starter-dev-showcases
🔥16👍9🤩1