✨ Изучаем модульные тесты
Одна из самых больших трудностей, когда люди только начинают изучать Angular, — это работа с модульными тестами.
Надеемся, после прочтения статьи вы будете чувствовать себя более уверенно при работе с ними.
👉 https://dev.to/stevewhitmore/angular-unit-tests-common-pain-points-4366
Одна из самых больших трудностей, когда люди только начинают изучать Angular, — это работа с модульными тестами.
Надеемся, после прочтения статьи вы будете чувствовать себя более уверенно при работе с ними.
👉 https://dev.to/stevewhitmore/angular-unit-tests-common-pain-points-4366
👍6
✨ Паттерны проектирования: Команда
Команда — это поведенческий паттерн, в котором используется единый интерфейс для описания всех типов операций. Он позволяет легко добавить новую операцию, для этого достаточно реализовать интерфейс.
В статье с помощью него реализуется аналог приложения Shortcuts из iOS.
👉 https://medium.com/p/10b3162e3bee
Команда — это поведенческий паттерн, в котором используется единый интерфейс для описания всех типов операций. Он позволяет легко добавить новую операцию, для этого достаточно реализовать интерфейс.
В статье с помощью него реализуется аналог приложения Shortcuts из iOS.
👉 https://medium.com/p/10b3162e3bee
👍7🔥3🐳1
✨ Создаем Angular библиотеки
Создание и публикация собственной библиотеки может стать полезным опытом для разработчика любого уровня. Научившись создавать свой собственный продукт, вы повысите уровень своей квалификации.
В этой статье рассказывается о публикации библиотек Angular, и показано приложение, которое использует их.
👉 https://medium.com/p/73ee45b32916
Создание и публикация собственной библиотеки может стать полезным опытом для разработчика любого уровня. Научившись создавать свой собственный продукт, вы повысите уровень своей квалификации.
В этой статье рассказывается о публикации библиотек Angular, и показано приложение, которое использует их.
👉 https://medium.com/p/73ee45b32916
👍13🔥2
✨ Изучаем строго типизированные реактивные формы
Типизированные формы помогают нам избежать многих распространенных проблем при работе с нашими формами.
Лучший способ научиться и понять, зачем использовать типизированные реактивные формы, — это разобрать сценарий использования.
👉 https://www.danywalls.com/how-to-use-strictly-typed-reactive-forms-in-angular
Типизированные формы помогают нам избежать многих распространенных проблем при работе с нашими формами.
Лучший способ научиться и понять, зачем использовать типизированные реактивные формы, — это разобрать сценарий использования.
👉 https://www.danywalls.com/how-to-use-strictly-typed-reactive-forms-in-angular
👍9🔥1
🎉 Результаты розыгрыша билетов на Podlodka Frontend Crew
Поздравляем @mephistorine и @dev_nektobit. Ваши истории оказались лучшими.
Хочется выразить благодарность всем остальным участникам, надеемся в следующий раз вам повезет 💖
Поздравляем @mephistorine и @dev_nektobit. Ваши истории оказались лучшими.
Хочется выразить благодарность всем остальным участникам, надеемся в следующий раз вам повезет 💖
❤6💩5🏆1
✨ История внедрения TypeScript
JavaScript — это язык с динамической типизацией. Когда вы меняете тип переменной в одном месте, забыв поменять способ обращения к ней в другом, об ошибке узнаете только в рантайме.
Это не понравилось фронтендерам из hh. Вот их история миграции.
👉 https://habr.com/ru/company/hh/blog/702346/
JavaScript — это язык с динамической типизацией. Когда вы меняете тип переменной в одном месте, забыв поменять способ обращения к ней в другом, об ошибке узнаете только в рантайме.
Это не понравилось фронтендерам из hh. Вот их история миграции.
👉 https://habr.com/ru/company/hh/blog/702346/
👍3🔥2💩2🤔1
🔥 Angular нуждается в реактивном примитиве
Разработчики Angular экспериментируют с различными подходами, один из которых реактивный примитив, который необходим для простой, локальной синхронизации состояния.
Mike Pearson поделился соображениями о возможном будущем Angular.
👉 https://dev.to/this-is-angular/i-changed-my-mind-angular-needs-a-reactive-primitive-n2g
Разработчики Angular экспериментируют с различными подходами, один из которых реактивный примитив, который необходим для простой, локальной синхронизации состояния.
Mike Pearson поделился соображениями о возможном будущем Angular.
👉 https://dev.to/this-is-angular/i-changed-my-mind-angular-needs-a-reactive-primitive-n2g
🤔12👍4👎1
✨ Создаем и публикуем npm-пакет с TypeScript и тестами
Часто в различных проектах требуется один и тот же функционал, можно перенести код вручную, но можно создать на его основе пакет.
В этой статье показано как с нуля создать, покрыть тестами и опубликовать npm-пакет.
👉 https://habr.com/ru/company/otus/blog/704398/
Часто в различных проектах требуется один и тот же функционал, можно перенести код вручную, но можно создать на его основе пакет.
В этой статье показано как с нуля создать, покрыть тестами и опубликовать npm-пакет.
👉 https://habr.com/ru/company/otus/blog/704398/
🎉8👍6🔥2
✨ Отрисовка графиков с помощью веб-воркеров в Angular
Рендеринг графиков в фоновом режиме возможен, но веб-воркеры имеют ограниченный доступ к DOM.
В статье используется OffscreenCanvas API для создания графиков.
👉 https://medium.com/p/f7ac576e21d1
Рендеринг графиков в фоновом режиме возможен, но веб-воркеры имеют ограниченный доступ к DOM.
В статье используется OffscreenCanvas API для создания графиков.
👉 https://medium.com/p/f7ac576e21d1
👍9
✨ Реализация upsert диалогов
Термин "upsert" представляет собой комбинацию слов "update" и "insert" и означает, что диалог может использоваться как для создания новой записи, так и для обновления существующей.
Давайте посмотрим, как мы можем реализовать эту функциональность.
👉 https://medium.com/p/732197d4936b
Термин "upsert" представляет собой комбинацию слов "update" и "insert" и означает, что диалог может использоваться как для создания новой записи, так и для обновления существующей.
Давайте посмотрим, как мы можем реализовать эту функциональность.
👉 https://medium.com/p/732197d4936b
👍8🔥2
✨ Паттерны проектирования: Состояние
Паттерн Состояние и Стратегия похожи по структуре, и оба относятся к поведенческим паттернам. Суть Стратегии заключается в выборе из нескольких стратегий, которые выполняют одну и ту же задачу. Паттерн Состояние больше сосредоточен на переключении между состояниями, но у состояний различное поведение.
В статье описывается паттерн Состояние и его отличия от Стратегии.
👉 https://medium.com/p/32120b9a759f
Паттерн Состояние и Стратегия похожи по структуре, и оба относятся к поведенческим паттернам. Суть Стратегии заключается в выборе из нескольких стратегий, которые выполняют одну и ту же задачу. Паттерн Состояние больше сосредоточен на переключении между состояниями, но у состояний различное поведение.
В статье описывается паттерн Состояние и его отличия от Стратегии.
👉 https://medium.com/p/32120b9a759f
👍10🔥1
✨ Возможности декораторов в TypeScript
Декораторы обладают огромным потенциалом. Они помогают решать широкий круг задач и делают код легко читаемым.
В статье рассматривается несколько примеров из реальных проектов, где использование декораторов значительно упростило код и устранило дублирование.
👉 https://medium.com/p/c1496fed8a7
Декораторы обладают огромным потенциалом. Они помогают решать широкий круг задач и делают код легко читаемым.
В статье рассматривается несколько примеров из реальных проектов, где использование декораторов значительно упростило код и устранило дублирование.
👉 https://medium.com/p/c1496fed8a7
👍8💩6
✨ RxJS в Angular
Первое, что вы увидите, как только начнете изучать Angular, — это RxJS. На это есть причина: многие действия, можно легко написать с помощью существующих операторов RxJS в декларативной форме, которая легко читается и понимается.
Изучить эту библиотеку действительно стоит, так как она значительно облегчит вам жизнь.
👉 https://medium.com/p/44c9d3b3fdb1
Первое, что вы увидите, как только начнете изучать Angular, — это RxJS. На это есть причина: многие действия, можно легко написать с помощью существующих операторов RxJS в декларативной форме, которая легко читается и понимается.
Изучить эту библиотеку действительно стоит, так как она значительно облегчит вам жизнь.
👉 https://medium.com/p/44c9d3b3fdb1
👍7🔥2💩2😁1
✨ Оптимизация валидации форм с помощью ленивой загрузки
Ленивая загрузка — это техника, используемая для повышения производительности веб-приложений путем загрузки необходимого кода и ресурсов только по мере необходимости.
Это может быть особенно полезно в больших и сложных приложениях, поскольку позволяет сократить время первоначальной загрузки и улучшить общее впечатление пользователя.
👉 https://medium.com/p/61265536a6f2
Ленивая загрузка — это техника, используемая для повышения производительности веб-приложений путем загрузки необходимого кода и ресурсов только по мере необходимости.
Это может быть особенно полезно в больших и сложных приложениях, поскольку позволяет сократить время первоначальной загрузки и улучшить общее впечатление пользователя.
👉 https://medium.com/p/61265536a6f2
👍10👎1💩1
✨ Полиморфизм простыми словами
Наверняка вы встречались с полиморфизм, возможно даже вас о нем спрашивали на собеседовании.
В статье раскрывается удивительный мир полиморфизма, который не ограничен наследованием кошек и собак от Animal.
👉 https://medium.com/p/207d9f9cd78
Наверняка вы встречались с полиморфизм, возможно даже вас о нем спрашивали на собеседовании.
В статье раскрывается удивительный мир полиморфизма, который не ограничен наследованием кошек и собак от Animal.
👉 https://medium.com/p/207d9f9cd78
👍10❤1🔥1
🦄 Год Тигра в Taiga UI
Разработка Taiga UI идет уже несколько лет. У библиотеки есть выделенная core-команда, но внушительная доля улучшений приходится на внешних контрибьюторов. К концу 2022 года их количество превысило сотню человек.
Барсуков Никита рассказал о проделанной работе, и что принес новый мажорный релиз.
👉 https://habr.com/ru/company/tinkoff/blog/707050/
Разработка Taiga UI идет уже несколько лет. У библиотеки есть выделенная core-команда, но внушительная доля улучшений приходится на внешних контрибьюторов. К концу 2022 года их количество превысило сотню человек.
Барсуков Никита рассказал о проделанной работе, и что принес новый мажорный релиз.
👉 https://habr.com/ru/company/tinkoff/blog/707050/
👍24🤮6❤3
✨ Обрабатываем ошибки
Для любого проекта важно отлавливать и регистрировать ошибки. Другим важным шагом является мониторинг ошибок, например с помощью Sentry.
В статье описывается подход с которым гораздо легче поддерживать код.
👉 https://medium.com/p/d7a314ad4991
Для любого проекта важно отлавливать и регистрировать ошибки. Другим важным шагом является мониторинг ошибок, например с помощью Sentry.
В статье описывается подход с которым гораздо легче поддерживать код.
👉 https://medium.com/p/d7a314ad4991
👍11
✨ Терминал для Angular разработчиков
Каждый программист проводит множество времени за терминалом, но как сделать его удобным и приятным в использовании?
Пошаговое руководство по настройке терминала, заточенного под Angular.
👉 https://angularexperts.io/blog/the-ultimate-terminal
Каждый программист проводит множество времени за терминалом, но как сделать его удобным и приятным в использовании?
Пошаговое руководство по настройке терминала, заточенного под Angular.
👉 https://angularexperts.io/blog/the-ultimate-terminal
👍11👎5❤2🥱1
✨ 11 советов по TypeScript
Зачастую TypeScript воспринимается как простой способ поиска потенциальных ошибок в коде, но самая невероятная его сила заключается в составлении, выводе и манипулировании типами.
В этой статье приведено несколько советов, которые помогут вам использовать TypeScript на полную мощность.
👉 https://dev.to/zenstack/11-tips-that-help-you-become-a-better-typescript-programmer-4ca1
Зачастую TypeScript воспринимается как простой способ поиска потенциальных ошибок в коде, но самая невероятная его сила заключается в составлении, выводе и манипулировании типами.
В этой статье приведено несколько советов, которые помогут вам использовать TypeScript на полную мощность.
👉 https://dev.to/zenstack/11-tips-that-help-you-become-a-better-typescript-programmer-4ca1
👍9💩4🎉1
✨ Обнаружения изменений в Angular Ivy
Когда Angular выполняет обнаружение изменений для определенного компонента, он выполняет ряд операций. Эти операции иногда называют побочными эффектами. Основным побочным эффектом является рендеринг состояния приложения.
В этой статье представлен обзор всех операций, которые Angular выполняет во время обнаружения изменений в новом движке Ivy.
👉 https://indepth.dev/posts/1509/overview-of-angulars-change-detection-operations-in-ivy
Когда Angular выполняет обнаружение изменений для определенного компонента, он выполняет ряд операций. Эти операции иногда называют побочными эффектами. Основным побочным эффектом является рендеринг состояния приложения.
В этой статье представлен обзор всех операций, которые Angular выполняет во время обнаружения изменений в новом движке Ivy.
👉 https://indepth.dev/posts/1509/overview-of-angulars-change-detection-operations-in-ivy
👍22