Angular
-
Хабрахабр
[Перевод] Нарушая правила: как я выбросил 10-месячный проект после 2 месяцев в должности
Когда я принял управление командой, её участники находились на 8-м месяце реализации 3-месячного проекта по перезапуску коммерческого сайта компании. Спустя два месяца ведения этой команды, я решил отказаться от всего достигнутого и начать сначала. Это история о том, почему я это сделал, как, и что в итоге получилось. Перезапуск нашего сайта преследовал одну цель: обеспечить быструю отрисовку на стороне сервера.…
Читать далее » -
Хабрахабр
Web API для Angular
Веб — богатая экосистема с массой мощных API, которая только пополняется. В нашем распоряжении уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере. Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular.…
Читать далее » -
Хабрахабр
Nx Generator: имба или не стоит разбираться?
Всем привет, меня зовут Дима, я angular-разработчик из департамента среднего и малого бизнеса в Тинькофф. Недавно мой коллега рассказал, почему мы выбрали Nx, а я расскажу про самый мощный инструмент Nx — Nx Generator. Покажу, что нужно установить для запуска генераторов, и объясню, как писать собственные генераторы и создавать с ними шаблонные файлы. А еще рассмотрим генераторы из коробки от…
Читать далее » -
Хабрахабр
Скажи что-нибудь на разрабском, Figma
или Первый контакт с внедезайнерским разумом Привет! С вами Виктор 👺, тэнгу‑хранитель одной из дизайн‑систем Ozon. В июне 2023 года Figma выкатила мощное обновление, во многом ориентированное на разработчиков. Точнее на поиск общего языка между проектировщиком и программистом. Я давно занимаюсь дизайн‑системами и знаю как тесно связан дизайн и код. Насколько взаимопонимание между дизайнером и разработчиком ускоряет доставку продукта до пользователя. Однако, кое‑где у нас порой, отношения дизайнера и разраба…
Читать далее » -
Хабрахабр
Maskito – новая коллекция библиотек для маскирования текстовых полей
Рады поделиться: выложили нашу разработку Maskito в открытый доступ, и совсем недавно произошел релиз ее первой мажорной версии. Maskito — коллекция библиотек, упрощающих маскирование текстовых полей, с удобным и гибким публичным API. Maskito содержит разные библиотеки: основная написана на TypeScript без зависимостей, есть опциональный пакет с набором готовых конфигурируемых масок, а еще есть библиотеки для удобного использования Maskito в проектах…
Читать далее » -
Хабрахабр
Битва CLIs: почему мы отказались от Angular CLI в пользу Nx
Привет! Меня зовут Даниил, я фронтенд-разработчик в Тинькофф Бизнесе. Мы строим удобные интерфейсы, чтобы клиенты могли быстро зарегистрировать бизнес. Сегодня я хочу рассказать, почему мы используем Nx для всех наших Angular-проектов, какие проблемы решает этот инструмент и чем он лучше Angular CLI. Что такое Nx Nx — мощная система сборки, которая позволяет работать с монорепозиториями и предлагает разнообразные инструменты и…
Читать далее » -
Хабрахабр
ContentChild, ViewChild, template reference variables
В Angular принято писать декларативный код. Это значит, что нам не стоит руками запрашивать нужные нам сущности. Во фреймворке есть инструменты для работы с элементами шаблона, которые помогут нам. О них сегодня и поговорим. Кто есть кто Для начала давайте разберемся, что такое вью и что такое контент. Вью — это шаблон нашего компонента, директивы его не имеют. Контент —…
Читать далее » -
Хабрахабр
Как мы решили проблему общения микрофронтендов в приложении
Всем доброго дня! Меня зовут Семен, в команде я отвечаю за работу с Angular. В последние годы в сети часто мелькает термин «микрофронтенд». Технология не новая, но и не слишком изученная, а кроме того, решения из коробки по ней появились относительно недавно, до этого каждый создавал что-то свое. Внедряя МФ, разработчики сталкиваются с новыми проблемами. Один из таких челленджей возникает…
Читать далее » -
Хабрахабр
Простота Subject’ов, удобство NGRX: что такое компонентный стор и с чем его едят
Привет, я Григорий Зароченцев, ведущий фронтенд-разработчик Тинькофф в команде интернет-эквайринга. Сегодня хочу рассказать, что такое компонентный стор, как изолированные хранилища помогают сэкономить кучу кода при разработке и почему глобальный стор — это одновременно и хорошо и плохо. Поговорим о том, как наша команда пришла к такому подходу, какие плюсы принесло это решение и почему, если вы пишете на Angular, вам…
Читать далее » -
Хабрахабр
NgDoc — Cоздание документации для Angular проектов
Всем привет, сегодня хочу поделиться с вами библиотекой для создания документации для Angular проектов которую я не так давно выпустил. Зачем? Работая на разных проектах в разных конторах, или создавая open-source проекты я очень часто сталкивался с тем что необходимо было создать документацию к моей библиотеке, что бы другим разработчикам было просто разобраться, посмотреть различные примеры и варианты использования для…
Читать далее »