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

Angular *

JavaScript-фреймворк

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

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

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

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

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

Встречаем Angular 17

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

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

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

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

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

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

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

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

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

Рассуждения о мудрости разработчиков массовых продуктов. Должно ли ее быть больше чем у обычных людей вроде на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.7K

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

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

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

Fusor vs React

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

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.8K

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

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

Подтверждение электронной почты с помощью Spring Boot & Angular

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

Как сделать подтверждение почты с помощью Spring Boot & Angular?

Всем привет! Мы с вами поговорим о важном аспекте безопасности — подтверждении почты пользователей. Мы расскажем, как сделать это с использованием Spring Boot и Angular, двух мощных инструментов для создания современных веб-приложений.

Шаг за шагом разберемся, как настроить подтверждение почты и обеспечить безопасное взаимодействие между клиентской и серверной частями нашего проекта. Тогда начнем!

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

Минуты и часы не нужны

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

landing page для наглядности

Нет часов. Нет минут. Нет часовых поясов. До свидания.

Данный счёт времени достался нам по наследию от наших предков. Если говорить грубо, то вероятнее всего какой-то один человек решил, что это будет удобно, если каждая более крупная единица будет равняться 60 мелким. Но нет. Так как мы используем десятичную систему счисления, удобнее, чтобы более крупная единица равнялась числу кратному десяти. Например, как это сделано во всех остальных единицах - по 1000. И даже приставки каждой единицы уже придуманы кило-, мега-, гига-, тера и т.д. Каждая более крупная единица содержит 1000 мелких. Как вариант, это очень удобно и уже давно стандартизировано.

ахаха
Всего голосов 97: ↑44 и ↓53 -9
Комментарии 308

Vue-faq.org — FAQ о фронтенде в целом и Vue в частности

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

https://vue-faq.org - попытка охватить наиболее часто задаваемые в профильных чатах и конференциях вопросы о фронтенде в целом и Vue.js фреймворке в частности.

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

Taiga UI: больше чем UI kit

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

Taiga UI — огромная библиотека UI-компонентов для Angular, на которую стоит взглянуть. Но она только вершина айсберга. Мы разрабатывали ее более пяти лет, начав еще на Angular 4. И, будучи любителями декомпозиции, мы создали несколько отдельных независимых проектов, которые помогают нам писать крутые Angular-приложения. 

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

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

Типизированные формы в Angular

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

Всем привет! В июне 2022 года наша фронтенд команда наконец-то дождалась строго типизированных форм от разработчиков Angular! Через какое-то время мы заметили что не все работает так, как интуитивно ожидаешь. Позже я создал небольшой внутренний документ с “фишками”, которые явно не описаны в официальных доках. И подумал: “А почему бы мне не выложить наш небольшой гайд на Хабр?”. И вот, выкладываю.

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

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

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн
PG Bootcamp 2024
Дата 16 апреля
Время 09:30 – 21:00
Место
Минск Онлайн
EvaConf 2024
Дата 16 апреля
Время 11:00 – 16:00
Место
Москва Онлайн

i18n. Локализация в Angular

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

Когда мне прилетела задача реализовать перевод для уже немаленького проекта, честно, я немного потерялась. Есть несколько вариантов библиотек, помогающих с данной задачей, но остановилась я на i18n для Angular и вот почему. На мой субъективный взгляд библиотека замечательно справляется с локализацией уже готового проекта. Но даже так, придется немного повозиться, без этого никуда.

Уточню, что данная статья описывает процессы для Angular v.9 и выше. Надеюсь информация будет вам полезна.

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

Standalone компоненты и tree-shaking

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

Уже сложно представить наши приложения без такой оптимизации, как tree shaking.
Tree-shaking — «встряхивание дерева», удаление неиспользуемого кода из бандла приложения.

А причем тут standalone компоненты в названии статьи?

Просто существуют некоторые нюансы при встряхивании, о которых стоит знать при работе с такими компонентами. Как говорится, предупрежден — значит вооружен.
Далее можете почитать немного теории или сразу перейти к основной мысли.

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

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

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

Когда я принял управление командой, её участники находились на 8-м месяце реализации 3-месячного проекта по перезапуску коммерческого сайта компании. Спустя два месяца ведения этой команды, я решил отказаться от всего достигнутого и начать сначала. Это история о том, почему я это сделал, как, и что в итоге получилось.
Читать дальше →
Всего голосов 76: ↑64 и ↓12 +52
Комментарии 23

RxJS: как операторы высшего порядка упрощают код

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

Если вы работали с Angular, то наверняка встречались с RxJS. Потоки, развесистые конструкции, много аргументов у метода pipe, а каждый аргумент возвращают разные функции с разным количеством аргументов. Есть интуитивно понятные функции типа filter или map. Первый явно фильтрует значения в потоке, а второй эти значения меняет. Такие функции называют операторами. И чем глубже вы проваливаетесь в RxJS, тем больше самых разных операторов вы узнаете. И со временем добираетесь до потоков потоков. То есть вместо обычных значений такой поток эмитит другие потоки. Такие потоки называют Higher Order Observables. И для работы с такими потоками существуют специальные операторы. Возможно, вы слышали, что такие операторы называют Higher Order Operators (HOO). Они могут выравнивать потоки или, другими словами, делать их обычным.

В этой статье я покажу, что в HOO нет ничего мифического, и расскажу в каких случаях вам нужно использовать операторы высшего порядка. Сейчас вы подумаете, что это скучный лонгрид, но не торопитесь. Мы рассмотрим всего 4 оператора: switchMap, exhaustMap, concatMap и mergeMap.

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

Angular в картинках

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

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

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

Рисовал я все это в PowerPoint.

Читать далее
Всего голосов 16: ↑15 и ↓1 +14
Комментарии 6

JavaScript повсюду или почему веб-технологии захватили мир

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

Я давно слежу за развитием веб-технологий и каждый раз, натыкаясь на очередной холивар в интернете про злой и страшный JavaScript, залезающий на чужую территорию, инстинктивно хочу побыть его адвокатом. Обычно все мои доводы сводятся к банальному “не мы такие, жизнь такая” или “ничего личного, просто бизнес”, но в этот раз захотелось развернуто обосновать причины популярности веб-технологий.

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

Читать далее
Всего голосов 42: ↑39 и ↓3 +36
Комментарии 38

DOM, DI и View: деревья в Angular

Уровень сложности Сложный
Время на прочтение 8 мин
Количество просмотров 8.2K

Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.

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

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

Работа