✨ Руководство по Signal Inputs
Signal Inputs — это большой шаг вперед на пути к полной реактивности Angular в масштабах всего приложения.
В статье рассказывается о том, чем они отличаются от декоратора
👉 https://blog.angular-university.io/angular-signal-inputs/
Signal Inputs — это большой шаг вперед на пути к полной реактивности Angular в масштабах всего приложения.
В статье рассказывается о том, чем они отличаются от декоратора
@Input и как могут сделать хук жизненного цикла OnChanges менее необходимым.👉 https://blog.angular-university.io/angular-signal-inputs/
👍9
✨ Изучаем Zod
Если вы уже знакомы с zod, то скорее всего связываете его с валидацией, но также с помощью него мы можем получить подробную информацию о структуре объекта во время выполнения.
В статье показано, как использовать zod для динамического построения таблицы в качестве многократно используемого и безопасного компонента.
👉 https://timdeschryver.dev/blog/using-zods-schema-to-render-a-reusable-and-dynamic-angular-table-component
Если вы уже знакомы с zod, то скорее всего связываете его с валидацией, но также с помощью него мы можем получить подробную информацию о структуре объекта во время выполнения.
В статье показано, как использовать zod для динамического построения таблицы в качестве многократно используемого и безопасного компонента.
👉 https://timdeschryver.dev/blog/using-zods-schema-to-render-a-reusable-and-dynamic-angular-table-component
👍9
✨ Топ-8 новых возможностей
Недавно вышел релиз Angular 17.1., который принес множество улучшений.
В статье краткий обзор всех его основных возможностей.
👉 https://blog.angular-university.io/angular-17-1-release/
Недавно вышел релиз Angular 17.1., который принес множество улучшений.
В статье краткий обзор всех его основных возможностей.
👉 https://blog.angular-university.io/angular-17-1-release/
👍11🔥2🏆2👏1
✨ Тестирование Angular приложений
Если вы уже мигрировали на новый Angular, то наверняка задавались вопросом, как теперь тестировать свой код.
В статье рассказывается о методах тестирования с помощью новейших возможностей.
👉 https://www.angulararchitects.io/en/blog/testing-angulars-latest-features/
Если вы уже мигрировали на новый Angular, то наверняка задавались вопросом, как теперь тестировать свой код.
В статье рассказывается о методах тестирования с помощью новейших возможностей.
👉 https://www.angulararchitects.io/en/blog/testing-angulars-latest-features/
👍10👎1
✨ Новые опции загрузчика
В версии 17.1.0 появились новые опции загрузчика, которые упрощают работу с файлами.
Они позволяют указать, как будут обрабатываться различные типы файлов.
👉 https://netbasal.com/simplifying-file-imports-in-angular-with-new-loader-options-4e94a0eb18af
В версии 17.1.0 появились новые опции загрузчика, которые упрощают работу с файлами.
Они позволяют указать, как будут обрабатываться различные типы файлов.
👉 https://netbasal.com/simplifying-file-imports-in-angular-with-new-loader-options-4e94a0eb18af
👍13
✨ Angular Signal Inputs
Многие полюбили signal inputs. Настолько, что поток статей о них не заканчивается.
Если вы еще не пробовали их, то эта статья отличный способ изучить новую возможность. И тогда реактивность и простота станут важнейшей частью дизайна ваших компонентов.
👉 https://angularexperts.io/blog/angular-signal-inputs
Многие полюбили signal inputs. Настолько, что поток статей о них не заканчивается.
Если вы еще не пробовали их, то эта статья отличный способ изучить новую возможность. И тогда реактивность и простота станут важнейшей частью дизайна ваших компонентов.
👉 https://angularexperts.io/blog/angular-signal-inputs
👍9
✨ Изучаем Domain-Driven Design
Прошло чуть больше 20 лет с момента публикации новаторской книги Эрика Эванса "Предметно-ориентированное проектирование. Структуризация сложных программных систем", которая положила начало движению DDD.
Хотя существует несколько точек зрения на DDD, в статье рассказано о сути этого подхода.
👉 https://www.angulararchitects.io/en/blog/the-core-of-domain-driven-design/
Прошло чуть больше 20 лет с момента публикации новаторской книги Эрика Эванса "Предметно-ориентированное проектирование. Структуризация сложных программных систем", которая положила начало движению DDD.
Хотя существует несколько точек зрения на DDD, в статье рассказано о сути этого подхода.
👉 https://www.angulararchitects.io/en/blog/the-core-of-domain-driven-design/
👍7
✨ Signals: что нужно и чего нельзя делать
Если спросить любого разработчика Angular: "Какая тема в Angular сейчас самая обсуждаемая?", то почти со 100-процентной уверенностью все ответят: "Сигналы". И они будут правы. Но только недавно стало очевидно, что сообществу нужен определенный набор правил для работы с ними.
В сегодняшней статье мы погрузимся в мир сигналов, выяснив, как их применять правильным способом.
👉 https://dev.to/this-is-angular/signals-the-do-s-and-the-dont-s-40fk
Если спросить любого разработчика Angular: "Какая тема в Angular сейчас самая обсуждаемая?", то почти со 100-процентной уверенностью все ответят: "Сигналы". И они будут правы. Но только недавно стало очевидно, что сообществу нужен определенный набор правил для работы с ними.
В сегодняшней статье мы погрузимся в мир сигналов, выяснив, как их применять правильным способом.
👉 https://dev.to/this-is-angular/signals-the-do-s-and-the-dont-s-40fk
👍5🥱4👎1
✨ Люди не понимают ООП
Похоже, многим не нравится объектно-ориентированное программирование. И это неудивительно, если в нем не разобраться, то оно может привести к усложнению всего.
Сегодня мы отойдем от хайпа сигналов и погрузимся в мир фундаментальных вещей. Пристегивайтесь, путешествие будет долгим, но захватывающим.
👉https://habr.com/ru/companies/ruvds/articles/792052/
Похоже, многим не нравится объектно-ориентированное программирование. И это неудивительно, если в нем не разобраться, то оно может привести к усложнению всего.
Сегодня мы отойдем от хайпа сигналов и погрузимся в мир фундаментальных вещей. Пристегивайтесь, путешествие будет долгим, но захватывающим.
👉https://habr.com/ru/companies/ruvds/articles/792052/
👍7🤔6😁1
✨ TypeSpec
TypeSpec — это вдохновленный TypeScript, легко расширяемый язык, который помогает разработчикам описывать API в привычной манере.
Он позволяет работать с REST API, OpenAPI, gRPC и т.д.
👉 https://typespec.io/
TypeSpec — это вдохновленный TypeScript, легко расширяемый язык, который помогает разработчикам описывать API в привычной манере.
Он позволяет работать с REST API, OpenAPI, gRPC и т.д.
👉 https://typespec.io/
👍7💩5🤔1
✨ Query Signals
В Angular v17.2.0-rc.0 появились queries as signals.
Они предоставляют набор новых функций: viewChild, viewChildren, contentChild и contentChildren.
👉 https://netbasal.com/querying-made-easy-exploring-angulars-query-signals-ca850b5db892
В Angular v17.2.0-rc.0 появились queries as signals.
Они предоставляют набор новых функций: viewChild, viewChildren, contentChild и contentChildren.
👉 https://netbasal.com/querying-made-easy-exploring-angulars-query-signals-ca850b5db892
👍21🆒1
✨ Изучаем опцию Define в Angular CLI
Angular CLI продолжает радовать новыми функциями и улучшениями. Одним из таких дополнений является опция define, появившаяся в версии 17.2.0-rc.0 в конфигурационном файле angular.json.
Давайте рассмотрим, как эта функциональность может улучшить ваши проекты.
👉 https://netbasal.com/explore-angular-clis-define-option-effortless-global-identifier-replacement-f08fec7d9243
Angular CLI продолжает радовать новыми функциями и улучшениями. Одним из таких дополнений является опция define, появившаяся в версии 17.2.0-rc.0 в конфигурационном файле angular.json.
Давайте рассмотрим, как эта функциональность может улучшить ваши проекты.
👉 https://netbasal.com/explore-angular-clis-define-option-effortless-global-identifier-replacement-f08fec7d9243
👍10🤔1
✨ Angular innerHTML и DomSanitizer
Angular позаботился о том, чтобы встроить в свой движок рендеринга шаблонов множество средств защиты от инъекций кода.
Но иногда, в очень редких сценариях, действительно нужна возможность инъекции HTML непосредственно в DOM.
👉 https://blog.angular-university.io/angular-innerhtml/
Angular позаботился о том, чтобы встроить в свой движок рендеринга шаблонов множество средств защиты от инъекций кода.
Но иногда, в очень редких сценариях, действительно нужна возможность инъекции HTML непосредственно в DOM.
👉 https://blog.angular-university.io/angular-innerhtml/
👍9
✨ Релиз Angular 17.2
В новую версию вошла экспериментальная поддержка Material 3, signal queries, model inputs, загрузчик изображений для Netlify, поддержка отладки гидратации в DevTools, а так же CLI теперь поддерживает менеджер пакетов Bun.
На очереди — выход Angular 18 в мае.
👉 https://blog.angular.io/angular-v17-2-is-now-available-596cbe96242d
В новую версию вошла экспериментальная поддержка Material 3, signal queries, model inputs, загрузчик изображений для Netlify, поддержка отладки гидратации в DevTools, а так же CLI теперь поддерживает менеджер пакетов Bun.
На очереди — выход Angular 18 в мае.
👉 https://blog.angular.io/angular-v17-2-is-now-available-596cbe96242d
🤯17👍7🔥2⚡1❤1🏆1
✨ Material 3
Начиная с версии 17.2.0, Angular Material включает экспериментальную поддержку стилей M3 в дополнение к M2. Команда планирует стабилизировать поддержку M3 после короткого экспериментального периода, чтобы получить отзывы о дизайне и API.
Вы можете попробовать его уже сегодня, перейдя к руководству.
👉 https://blog.angular.io/material-3-experimental-support-in-angular-17-2-8e681dde650e
Начиная с версии 17.2.0, Angular Material включает экспериментальную поддержку стилей M3 в дополнение к M2. Команда планирует стабилизировать поддержку M3 после короткого экспериментального периода, чтобы получить отзывы о дизайне и API.
Вы можете попробовать его уже сегодня, перейдя к руководству.
👉 https://blog.angular.io/material-3-experimental-support-in-angular-17-2-8e681dde650e
👍8🤯4😨2❤1🔥1
✨ Ленивая загрузка на уровне шаблонов
До внедрения современного синтаксиса шаблонов, ленивая загрузка на основе маршрутов была широко принята в среде разработчиков Angular. Однако на уровне шаблонов она не пользовалась популярностью.
С появлением новых API, можно воспользоваться декларативным подходом, для откладывания загрузки тех частей шаблона, которые, возможно, никогда не будут загружены.
👉 https://dev.to/this-is-angular/template-level-lazy-loading-in-angular-4lgm
До внедрения современного синтаксиса шаблонов, ленивая загрузка на основе маршрутов была широко принята в среде разработчиков Angular. Однако на уровне шаблонов она не пользовалась популярностью.
С появлением новых API, можно воспользоваться декларативным подходом, для откладывания загрузки тех частей шаблона, которые, возможно, никогда не будут загружены.
👉 https://dev.to/this-is-angular/template-level-lazy-loading-in-angular-4lgm
👍5
✨ Angular 17.2: Что нового?
Новые API, которые мы получили в Angular 17.2, упрощают создание компонентов, основанных на сигналах.
В этой статье мы познакомимся с новыми функциями, представленными в последнем выпуске.
👉 https://blog.angular-university.io/angular-17-2-release/
Новые API, которые мы получили в Angular 17.2, упрощают создание компонентов, основанных на сигналах.
В этой статье мы познакомимся с новыми функциями, представленными в последнем выпуске.
👉 https://blog.angular-university.io/angular-17-2-release/
👍13🤩4🔥2
✨ Шпаргалка для алгособеса
В этой статье подробное руководство по алгоритмам и структурам данных, которые с большой вероятностью попадутся на собеседовании.
Примеры кода на Python, но это даже плюс, возможно вам захочется переписать их на TypeScript, что может быть полезно для лучшего усвоения материала.
👉 https://habr.com/ru/articles/794556/
В этой статье подробное руководство по алгоритмам и структурам данных, которые с большой вероятностью попадутся на собеседовании.
Примеры кода на Python, но это даже плюс, возможно вам захочется переписать их на TypeScript, что может быть полезно для лучшего усвоения материала.
👉 https://habr.com/ru/articles/794556/
👍6🔥2🤮2😁1
✨ Изучаем Model
Новейшее дополнение к Angular — функция Model, которая улучшает двустороннюю привязку данных с помощью сигналов.
Она позволяет, упростить управление данными в компонентах.
👉 https://netbasal.com/angulars-model-function-explored-a-comprehensive-overview-4481d023c822
Новейшее дополнение к Angular — функция Model, которая улучшает двустороннюю привязку данных с помощью сигналов.
Она позволяет, упростить управление данными в компонентах.
👉 https://netbasal.com/angulars-model-function-explored-a-comprehensive-overview-4481d023c822
👍12
✨ OAuth 2 с помощью Spring, Angular и Keycloak
В статье рассматривается интеграция OAuth2 в одностраничное приложение, где Spring является бэкендом, а Angular фронтендом.
Роль сервера авторизации берет на себя Keycloak, распространенный выбор в экосистеме Java.
👉 https://www.angulararchitects.io/en/blog/oauth2-with-spring-angular-keycloak-spring-for-resource-server/
В статье рассматривается интеграция OAuth2 в одностраничное приложение, где Spring является бэкендом, а Angular фронтендом.
Роль сервера авторизации берет на себя Keycloak, распространенный выбор в экосистеме Java.
👉 https://www.angulararchitects.io/en/blog/oauth2-with-spring-angular-keycloak-spring-for-resource-server/
👍11