Как стать автором
Обновить
1.4

Angular *

JavaScript-фреймворк

Сначала показывать
Порог рейтинга
Уровень сложности

Интеграция React и AngularJS через Webpack Module Federation

Уровень сложности Средний
Время на прочтение 19 мин
Количество просмотров 2.3K

Переходите с AngularJS на React без стресса и суеты. В этой статье я поделюсь с вами способом, как оживить ваш проект, плавно встроив элементы React в структуру, построенную на добром старом AngularJS. Мы все знаем, что рефакторинг или полная смена фреймворка может пугать, особенно когда вложены годы труда. Но не волнуйтесь, я покажу, как использовать микрофронтенды и Module Federation для того, чтобы дать вашему приложению свежее дыхание, сохраняя при этом все то хорошее, что было накоплено за годы.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 2

Новости

Правила хорошего тона на Angular

Уровень сложности Средний
Время на прочтение 2 мин
Количество просмотров 3.5K

0.1 Ограничения на длину файлов: 300 (исключая импорты). Если выходит больше - разбивать и использовать импортирование.

0.1.1 Ограничение на длину метода: 150 строк.

0.2 Читабельность важна: вложенность кода - не более 4 пунктов (Flat is better than nested), включая функциональную вложенность. Лучше используйте цепочки вызовов.

0.3 Не повторяйтесь. Код должен быть реюзабельным - то есть путем импортирования, а не путем копирования.

0.4 Ваш случай не настолько особенный, чтобы нарушать эти правила (Special cases aren't special enough to break the rules).

0.5 Пишите декларативный код. Не совмещайте императивный код и декларативный в одном файле.

0.6 Простой код лучше комплексного (принцип KISS)

Обоснованная критика приветствуется.

Читать далее
Всего голосов 11: ↑4 и ↓7 -3
Комментарии 29

Использование возможностей Angular. Часть 1

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 3.8K

Добрый день. Меня зовут Юрик и я angular-разработчик. Остальные в комнате у психиатра:

- Здравствуй Юрик, мы рады тебя видеть.

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 12

Причины говнокода во фронтенде. Мнение мимокрокодила

Уровень сложности Простой
Время на прочтение 10 мин
Количество просмотров 33K

Мне не раз попадались такие проекты, от кода которых берет оторопь. Такое чувство, что сами авторы не смогут объяснить - почему у них все выглядит именно так. В этот момент у меня возникает вопрос: как так получилось? Если вас он тоже волнует, то могу пожелать лишь приятного чтения.

Читать
Всего голосов 77: ↑65 и ↓12 +53
Комментарии 118

Истории

Вопросы и ответы для собеседования на позицию frontend-разработчик. Часть 2

Уровень сложности Простой
Время на прочтение 20 мин
Количество просмотров 13K

Всем привет! В этой статье (части) рассмотрим вопросы, связанные с великим и могучим TypeScript'ом, которые задают на собеседованиях. Если вы не читали прошлую статью, где описаны вопросы по JS, вот ссылочка. Пожалуйста, не заучивайте вопросы, это вредно для вашего здоровья!)

Читать далее
Всего голосов 13: ↑11 и ↓2 +9
Комментарии 14

Пишем веб-приложение вместе с ChatGPT и Stable Diffusion

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 14K

Всем привет! Ни для кого не секрет, что ChatGPT 4, получившая развитие в прошлом году, уже активно внедряется в обиход разработчиков. Во время новогодних каникул я решил испытать новинку, и попробовать разработать совместно с ботом небольшое веб-приложение на базе Angular 17. Что из этого вышло, читайте далее.

Читать далее
Всего голосов 15: ↑12 и ↓3 +9
Комментарии 34

Как создать веб-приложение на базе Telegram Mini Apps

Уровень сложности Средний
Время на прочтение 9 мин
Количество просмотров 12K

Telegram Mini Apps — отличная возможность выйти за пределы обычных ботов и попробовать себя в создании более интересных интерфейсов приложений. На базе этого инструмента можно создать магазин или даже сервис для заказа шавермы.

В этой статье познакомимся с Telegram Mini Apps и попробуем создать простое приложение. Сделаем это с использованием обновленного Angular 17 и telegraf, а в конце — задеплоим проект на виртуальный сервер.
Читать дальше →
Всего голосов 30: ↑30 и ↓0 +30
Комментарии 6

Фронтенд-дайджест 2023

Уровень сложности Простой
Время на прочтение 10 мин
Количество просмотров 4.6K

Привет, Хабр! Я Софья, фронтенд-разработчик в одном из департаментов Тинькофф. Из года в год наша большая фронтенд-команда растет, ставит эксперименты и обменивается опытом. Уходящий год богат на достижения, поэтому мы решили поделиться статьями, докладами и находками для командной работы. Несем все самое полезное, что получилось запустить, внедрить, написать и подготовить.

Открыть дайджест
Всего голосов 19: ↑16 и ↓3 +13
Комментарии 1

Taiga UI: итоги 2023 года

Время на прочтение 10 мин
Количество просмотров 8.2K

Заканчиваются рабочие дни уходящего года, а значит, самое время подводить итоги наших трудов. За 2023 год у проекта Taiga UI появилось более пятидесяти релизов, больше двух тысяч вмерженных PR-ов и свыше пятисот закрытых issue.

Taiga UI — это огромный Angular UI Kit, который активно используется в сотне продуктов компании Тинькофф и популярен за ее пределами. Разработка проекта много лет идет в Open Source, собирая свою аудиторию по всему миру.

Продолжу ежегодную традицию и напомню пользователям библиотек о самых интересных изменениях за последний год.

Читать далее
Всего голосов 27: ↑26 и ↓1 +25
Комментарии 0

Всегда нужен CHAT GPT в вашем проекте (РУСЫ + API chat GPT)

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 13K

Сгенерировать свою историю: ССЫЛКА

Недавно я делал обновления для своего приложения под НГ 2024. Где на основе написанных заметок пользователя за год, chat gpt придумывает небольшой рассказ (выдуманную историю).

В ходе интеграции своего приложения с чатом гпт, я немного преисполнился. Нашёл для себя кучу вариантов, как чат может сделать лучше почти любой проект. Более того, я считаю, что не только можно, но и нужно внедрять чат ГПТ в ваш проект уже сегодня. Он сделает ваш продукт сильно конкурентнее других подобных.

жесть
Всего голосов 9: ↑2 и ↓7 -5
Комментарии 6

План «Барбаросса» от Vue.js

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 13K

После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе. Основное внимание переключилось на экосистему - Vite, Nuxt, VitePress, Pinia и другие.

В то же время, отчетливо заметно масштабирование работы не вглубь, а вширь. Интересы команды уже давно явно выходят за пределы фреймворка.

Читать далее
Всего голосов 16: ↑14 и ↓2 +12
Комментарии 30

Динамическое создание компонентов Angular на лету

Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров 5.6K

В этой статье мы поговорим о создании компонентов динамически, шаг за шагом пройдем этот путь. Помимо простого создания компонентов, мы поговорим о более продвинутых вещах, которые можно сделать в рамках этого процесса.

Углубиться
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 7

Улучшаем производительность с RxJS

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 5.5K

Всем привет! Сегодня я хочу поделиться приемами улучшения производительности фронтенда путем оптимизации RxJS стримов.

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Комментарии 18

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн

Встречаем Angular 17

Уровень сложности Простой
Время на прочтение 17 мин
Количество просмотров 16K

В прошлом месяце исполнилось 13 лет с момента появления "красного щита" Angular. AngularJS стал отправной точкой для новой волны JavaScript-фреймворков, появившихся для поддержки растущей потребности в богатом веб-опыте. Сегодня с новым внешним видом и набором перспективных функций мы ведем всех в будущее с версией 17, устанавливая новые стандарты производительности и удобства для разработчиков.

Читать далее
Всего голосов 10: ↑10 и ↓0 +10
Комментарии 6

Невероятно гибкие и переиспользуемые UI контролы для Angular

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 6.2K

В данной статья я расскажу о том как создавать гибкие UI контролы в несколько строк кода, которые легко расширяются, кастомизируются и поддерживаются!

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Комментарии 0

О «критически важных» обновлениях Angular 17

Уровень сложности Средний
Время на прочтение 3 мин
Количество просмотров 4.8K

Рассуждения о мудрости разработчиков массовых продуктов. Должно ли ее быть больше чем у обычных людей вроде наc с вами? Чужды ли им понятия «неуместность», «вкусовщина», «неоправданность» и «недальновидность». Слышали ли они о важности обратной совместимости? Мнение скромного Angular‑разработчика.

Читать далее
Всего голосов 5: ↑4 и ↓1 +3
Комментарии 31

React vs Vue vs Angular. Часть 3

Уровень сложности Средний
Время на прочтение 15 мин
Количество просмотров 11K

Управление глобальным состоянием

В прошлой части мы рассмотрели методологии оптимизации и реюзабельности логики, а так же подход к роутингу каждого фреймворка. Однако давайте теперь переключим наше внимание на другой важный аспект - управление глобальным состоянием. В этом разделе на примере Angular, React и Vue мы рассмотрим уникальные стратегии, используемые этими фреймворками для работы с глобальными состояниями. По мере изучения этих подходов мы узнаем, как разработчики эффективно решают сложную задачу поддержания синхронизации данных в приложениях.

Читать далее
Всего голосов 4: ↑3 и ↓1 +2
Комментарии 35

Как выстроить удобные процессы в работе с монорепой

Уровень сложности Средний
Время на прочтение 14 мин
Количество просмотров 5.5K

Как настроить общее рабочее пространство для команды без запуска сборки в watch-режиме и ожидания старта dev-сервера, чтобы подхватить изменения? Для этого нужно удобным для всех образом настроить переиспользование кода внутри монорепы.

Нам поможет Андрей Кочеров, старший разработчик интерфейсов в Яндекс Такси и техлид фронтэнд команды партнёрских продуктов. Он расскажет как сделать готовый к работе репозиторий сразу после чекаута, на основе методологии Trunk Based Development.

Читать далее
Всего голосов 13: ↑10 и ↓3 +7
Комментарии 1

Fusor vs React

Время на прочтение 2 мин
Количество просмотров 4.8K

Mortal Kombat - Vs Screen (MKX version) Fan art by LukenStruken CC BY-SA 3.0

Моя работа состоит в написании кода на React. Несмотря на то, что мне нравится React, при разработке на нем я столкнулся с некоторыми его недостатками. В связи с этим, я решил создать свою библиотеку, Fusor, чтобы исправить эти недостатки и вот что из этого получилось.

Читать далее
Всего голосов 21: ↑17 и ↓4 +13
Комментарии 41

Внедрение pet-проекта в реальный бизнес или как в одиночку написать ERP-систему для общепита

Уровень сложности Средний
Время на прочтение 9 мин
Количество просмотров 6.7K

Всем добра! Данную статью меня побудило написать сильное желание, во-первых, зафиксировать некоторые результаты своего профессионального развития и личного опыта помимо основной работы, а также впервые на столь широкой сцене как Хабр, рассказать вам о нюансах развития своего небольшого pet-проекта, который впоследствии стал частью автоматизации сети заведений. Чтобы статья несла практический смысл и не выглядела как реклама, в ней не будут упомянуты ни название проекта, ни ссылки на его сайт и прочие сервисы.

Читать далее
Всего голосов 11: ↑11 и ↓0 +11
Комментарии 10

Вклад авторов

Работа