Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Ошибочное представление о методах жизненного цикла Angular

Разбираемся, что происходит при наследовании компонентов: https://proglib.io/w/5f7f65c3

#frameworks #angular
☕️ Angular must die: фреймворк обходится компаниям в миллиарды долларов

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

https://proglib.io/w/481af96a

#angular
Концепция контроллеров компонента в Angular

Часть 1. Как мы делаем базовые компоненты в Taiga UI более гибкими: концепция контроллеров компонента в Angular
Часть 2. Концепция контроллеров компонента в Angular

Как команда Тинькоф решила проблему вложенности компонентов с помощью директив-контроллеров.

#angular
Передача и манипуляции с шаблонами в Angular

Передача вложенных шаблонов с помощью декоратора ContentChildren для соблюдения принципа единой ответственности: https://proglib.io/w/57dd10ba

#angular
Проектирование архитектуры Angular-приложения: паттерн Container/Presentation

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

https://proglib.io/w/f4a7e8d3

#angular #architecture #bestpractices
Ленивая загрузка компонента в Angular без роутинга

Ленивая загрузка компонентов - это очень полезная функция. В Angular - это простая процедура, реализованная через роутинг. Но, что если вы не хотите использовать роутер или нужно загрузить компонент программно?

https://proglib.io/w/475d7d90

#performance #lazy #angular
Анимации в библиотеке компонентов

Виды анимаций, UX/UI паттерны, подходы в Angular с dependency injection: https://proglib.io/w/af55b5d2

#animation #angular #interface
#вакансия #job #JavaScript #фронтенд #frontend #middle #React #senior #Angular

Frontend Developer React (удалёнка)
https://maxma.com/ru

Компания: MAXMA
Формат работы: удаленный
Занятость: полная
Заработная вилка : 120-220к (net)

От кандидата ждем:
Уверенное знание JavaScript и TypeScript
Опыт адаптивной верстки
Опыт написания SPA (Single Page Application) на React
Знакомство с инструментами сборки и пакетными менеджерами
GIT, консоль
Опыт с AngularJS - будет плюсом (съезжаем с него на React)
Умение использовать Docker в разработке - будет плюсом
Работа в MAXMA — это:
Возможность взорвать рынок технологичным продуктом
Работа с широчайшим спектром новейших технологий
Решение нетривиальных задач
Следование самым высоким стандартам разработки и эксплуатации (юнит-тесты, код-ревью, CI/CD, автоматизированный деплой в облако — uptime сервиса 99,98% в течение последних нескольких лет и минимум багов в production)
Оформление по ТК с первого рабочего дня, полностью “белая” компания
Возможность полностью работать на удалёнке
Техника для работы на выбор, если выберешь работу из офиса
Контакты:
по телефону: +7 991 705-49-38
в Telegram: @HR_MAXMA
на почту: [email protected]
Angular v17 содержит новый встроенный поток управления для if, switch и for.

Благодаря отзывам сообщества в процессе RFC команда Angular остановились на синтаксисе @.

Поток управления улучшает эргономику, поэтому вам не нужно импортировать директивы в автономные компоненты.

Ставьте 👍, если нравятся такие краткие заметки.

#angular
💡В Angular v17 функции afterRender и предварительная версия afterNextRender для разработчиков теперь поддерживают phases.

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

#angular
Please open Telegram to view this post
VIEW IN TELEGRAM
👨‍💻🖼 Шпаргалка по Angular: на заметку фронтенд-разработчику

👉 Полная версия

#cheatsheet #angular
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💡Angular v17.1 добавляет в router новую фичу:

☑️ Теперь можно передавать данные в запросы навигации, которые будут доступны на протяжении всего процесса навигации
☑️ Это альтернатива использованию state

#новости #angular
🔥 Angular DevTools теперь поддерживает hydration debugging

⚒️ В случае ошибки hydration DevTools поможет вам найти разницу между отображаемым HTML на сервере и DOM, созданным браузером.

☑️ Hydration — это процесс, который восстанавливает отрисованные на стороне сервера приложение на клиенте. Сюда входят такие вещи, как повторное использование DOM-структур серверного рендеринга, сохранение состояния приложения, передача данных приложения, которые уже были получены сервером, и другие процессы.

#angular
Please open Telegram to view this post
VIEW IN TELEGRAM
🖼 В Angular v17.2 директива NgOptimizedImage теперь поддерживает плейсхолдер, который будет отображаться автоматически во время загрузки соответствующего изображения.

📑 Читайте подробнее в документации

#angular
🪄 Angular Signals + RxJS операторы = Магия

Простой пример комнаты чата с данными о сообщениях в реальном времени из веб-сокета. Всё это с optimistic updates о добавлении сообщений.

#angular #tip by Armen Vardanyan
Please open Telegram to view this post
VIEW IN TELEGRAM