Angular

  • ХабрахабрФото [Перевод] Нарушая правила: как я выбросил 10-месячный проект после 2 месяцев в должности

    [Перевод] Нарушая правила: как я выбросил 10-месячный проект после 2 месяцев в должности

    Когда я принял управление командой, её участники находились на 8-м месяце реализации 3-месячного проекта по перезапуску коммерческого сайта компании. Спустя два месяца ведения этой команды, я решил отказаться от всего достигнутого и начать сначала. Это история о том, почему я это сделал, как, и что в итоге получилось. Перезапуск нашего сайта преследовал одну цель: обеспечить быструю отрисовку на стороне сервера.…

    Читать далее »
  • ХабрахабрФото Web API для Angular

    Web API для Angular

    Веб — богатая экосистема с массой мощных API, которая только пополняется. В нашем распоряжении уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере. Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular.…

    Читать далее »
  • ХабрахабрФото Nx Generator: имба или не стоит разбираться?

    Nx Generator: имба или не стоит разбираться?

    Всем привет, меня зовут Дима, я angular-разработчик из департамента среднего и малого бизнеса в Тинькофф. Недавно мой коллега рассказал, почему мы выбрали Nx, а я расскажу про самый мощный инструмент Nx — Nx Generator. Покажу, что нужно установить для запуска генераторов, и объясню, как писать собственные генераторы и создавать с ними шаблонные файлы. А еще рассмотрим генераторы из коробки от…

    Читать далее »
  • ХабрахабрФото Скажи что-нибудь на разрабском, Figma

    Скажи что-нибудь на разрабском, Figma

    или Первый контакт с внедезайнерским разумом Привет! С вами Виктор 👺, тэнгу‑хранитель одной из дизайн‑систем Ozon. В июне 2023 года Figma выкатила мощное обновление, во многом ориентированное на разработчиков. Точнее на поиск общего языка между проектировщиком и программистом. Я давно занимаюсь дизайн‑системами и знаю как тесно связан дизайн и код. Насколько взаимопонимание между дизайнером и разработчиком ускоряет доставку продукта до пользователя. Однако, кое‑где у нас порой, отношения дизайнера и разраба…

    Читать далее »
  • ХабрахабрФото Maskito – новая коллекция библиотек для маскирования текстовых полей

    Maskito – новая коллекция библиотек для маскирования текстовых полей

    Рады поделиться: выложили нашу разработку Maskito в открытый доступ, и совсем недавно произошел релиз ее первой мажорной версии. Maskito — коллекция библиотек, упрощающих маскирование текстовых полей, с удобным и гибким публичным API. Maskito содержит разные библиотеки: основная написана на TypeScript без зависимостей, есть опциональный пакет с набором готовых конфигурируемых масок, а еще есть библиотеки для удобного использования Maskito в проектах…

    Читать далее »
  • ХабрахабрФото Битва CLIs: почему мы отказались от Angular CLI в пользу Nx

    Битва CLIs: почему мы отказались от Angular CLI в пользу Nx

    Привет! Меня зовут Даниил, я фронтенд-разработчик в Тинькофф Бизнесе. Мы строим удобные интерфейсы, чтобы клиенты могли быстро зарегистрировать бизнес. Сегодня я хочу рассказать, почему мы используем Nx для всех наших Angular-проектов, какие проблемы решает этот инструмент и чем он лучше Angular CLI. Что такое Nx Nx — мощная система сборки, которая позволяет работать с монорепозиториями и предлагает разнообразные инструменты и…

    Читать далее »
  • ХабрахабрФото ContentChild, ViewChild, template reference variables

    ContentChild, ViewChild, template reference variables

    В Angular принято писать декларативный код. Это значит, что нам не стоит руками запрашивать нужные нам сущности. Во фреймворке есть инструменты для работы с элементами шаблона, которые помогут нам. О них сегодня и поговорим. Кто есть кто Для начала давайте разберемся, что такое вью и что такое контент. Вью — это шаблон нашего компонента, директивы его не имеют. Контент —…

    Читать далее »
  • ХабрахабрФото Как мы решили проблему общения микрофронтендов в приложении

    Как мы решили проблему общения микрофронтендов в приложении

    Всем доброго дня! Меня зовут Семен, в команде я отвечаю за работу с Angular. В последние годы в сети часто мелькает термин «микрофронтенд». Технология не новая, но и не слишком изученная, а кроме того, решения из коробки по ней появились относительно недавно, до этого каждый создавал что-то свое.  Внедряя МФ, разработчики сталкиваются с новыми проблемами. Один из таких челленджей возникает…

    Читать далее »
  • ХабрахабрФото Простота Subject’ов, удобство NGRX: что такое компонентный стор и с чем его едят

    Простота Subject’ов, удобство NGRX: что такое компонентный стор и с чем его едят

    Привет, я Григорий Зароченцев, ведущий фронтенд-разработчик Тинькофф в команде интернет-эквайринга. Сегодня хочу рассказать, что такое компонентный стор, как изолированные хранилища помогают сэкономить кучу кода при разработке и почему глобальный стор — это одновременно и хорошо и плохо. Поговорим о том, как наша команда пришла к такому подходу, какие плюсы принесло это решение и почему, если вы пишете на Angular, вам…

    Читать далее »
  • ХабрахабрФото NgDoc — Cоздание документации для Angular проектов

    NgDoc — Cоздание документации для Angular проектов

    Всем привет, сегодня хочу поделиться с вами библиотекой для создания документации для Angular проектов которую я не так давно выпустил. Зачем? Работая на разных проектах в разных конторах, или создавая open-source проекты я очень часто сталкивался с тем что необходимо было создать документацию к моей библиотеке, что бы другим разработчикам было просто разобраться, посмотреть различные примеры и варианты использования для…

    Читать далее »


Кнопка «Наверх»