Frontender Libs - обзор библиотек JS / CSS
الذهاب إلى القناة على Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
إظهار المزيد7 376
المشتركون
-324 ساعات
-247 أيام
-8830 أيام
أرشيف المشاركات
Официальный дилер CHANGAN - Санрайз Групп!
Рассрочка 0% на весь модельный ряд CHANGAN.
Цена от 1 180 000₽
Выгода до 780 000₽
КАСКО и доп. оборудование в подарок.
Узнать цену
Финансовые услуги оказывает: ПАО Банк ВТБ, ООО Росгосстрах и др..
#реклама
mrqz.me
О рекламодателе
Премиальный MICE-отель всего в 12 км от Москвы
Проведите корпоративное мероприятие любого масштаба на высоком уровне в Загородном клубе ARTILAND 5*.
Специальное-Выгодное предложение для осенних корпоративных мероприятий!
Современные конференц-залы
Профессиональное оборудование: led-панели, экраны
Авторские кофе-брейки от Шефа Дениса Фомина
Банкетные залы с панорамным видом
Размещение в комфортабельных номерах и апартаментах.
Развлекательная программа для Вашего мероприятия «под ключ»:
квесты, teambuilding на природе, BBQ вечеринки, творческие и кулинарные мастер-классы, лазертаг, пейнтбол и много другое.
Крутые мероприятия проводят в ARTILAND:
+7 (495) 276-21-21
Перейти на сайт
#реклама
arti-land.ru
О рекламодателе
Назначение React.cache()
Что делает функция
React.cache()?
Если забыли, то вернитесь к посту от 13.05.2024, в котором мы рассматривали этот функционал.
👉 @sWebDevKnockout.js
Knockout.js — это JavaScript библиотека, которая помогает строить динамичные, интерактивные веб-приложения, используя паттерн Model-View-ViewModel (MVVM). Она позволяет связывать HTML элементы с данными модели через декларативные привязки. Особенностью Knockout является автоматическое обновление пользовательского интерфейса при изменении данных модели, что делает разработку интерфейса более интуитивно понятной и менее подверженной ошибкам.
👉 @sWebDev
On-Scroll Fire Transition
Переход с анимацией тлеющего листа на GSAP.
👉 @sWebDev
Ускоренный запуск системы “Аутентификации + база данных” (React.js и Firebase)
В статье рассказывается о настройке приложения React.js с Firebase для аутентификации и базы данных NoSQL Firestore. В ней обсуждаются преимущества использования этого подхода для разработчиков полного цикла. В статье описаны шаги по настройке проекта, включая создание компонентов React, инициализацию Firebase и настройку файла .env. В ней также подробно описано, как использовать консоль Firebase для настройки аутентификации и базы данных.
👉 @sWebDev
Veggie Knight
Пример реализации игры "Fruit Ninja" на GSAP.
👉 @sWebDev
Blockdom.js
Blockdom - это экспериментальная библиотека JavaScript, предназначенная для оптимизации работы с виртуальным DOM. Она предлагает уникальный подход к рендерингу виртуального DOM. В отличие от традиционных библиотек виртуального DOM, которые представляют элементы по отдельности, Blockdom использует блоки. Они представляют собой элементы с его статическим содержимым и специальными тегами для динамических частей. Этот подход позволяет использовать
cloneNode(true) для блоков, что значительно ускоряет процесс сравнения (diffing) из-за меньшего размера дерева виртуального DOM.
👉 @sWebDevПользуемся инструментами тестирования?
👍 - Пользуемся.
🤔 - Надо еще и тестировать было?
👉 @sWebDev | #юмор
Frontend Developer — это первоисточник всего, что происходит во Frontend-сообществе
Здесь опытный Senior-разработчик ежедневно публикует материалы, которые накопил за 9 лет Frontend-разработки:
➤ Шаблоны с готовым кодом для твоих проектов
➤ Вопросы с собеседований, задачи и викторины
➤ Шпаргалки по JavaScript, HTML и CSS
P.S. Даже онлайн-школы берут материалы с этого канала🤫
R4S – коммерческая недвижимость в Москве от собственника
Арендный бизнес. Продажа и аренда коммерческой недвижимости без комиссии!
Перейти на сайт
#реклама
realty4sale.ru
О рекламодателе
Responsive GSAP Slider with Button Wave Effect
Анимированный слайдер на GSAP.
👉 @sWebDev
Проджекту вкатиться в айти не легче, чем разработчику. Нужно понимать процесс и детали, защищать решения перед клиентом и находить общий язык с командой.
Марина Заботина, аккаунт-директор Далее, провела большой опрос о том, какой именно уровень технических знаний должен быть у ПМа. Результатами опроса и собственным опытом 一 а Марина прошла все эти дебри 一 она поделилась в новой статье.
Читайте статью на Хабре или на vc.ru и делитесь в комментах, как обстоят дела с техническим бэкграундом у вас 🤝
Строгая типизация в Angular
Флаг
strictTemplates в Angular повышает строгость типизации в шаблонах, усиливая статическую проверку кода и предотвращая распространённые ошибки во время разработки. Этот режим требует, чтобы все выражения в шаблонах были строго соответствующими типам, определённым в TypeScript-компонентах.
Пример того, как strictTemplates помогает обнаруживать ошибки типизации в шаблоне:
// В компоненте Angular
export class AppComponent {
userAge: number;
}
// В шаблоне Angular
<input [value]="userAge.toString()"> // Исправление ошибки компиляции
Здесь, если userAge предполагается использовать как строку в атрибуте value, без strictTemplates TypeScript не выявил бы несоответствие типов до этапа выполнения. С strictTemplates Angular требует, чтобы вы явно преобразовали number в string, что устраняет потенциальные ошибки в рантайме.
👉 @sWebDevУзнали ваши реакции?
👍 - Да.
🤔 - Нет.
👉 @sWebDev | #юмор
Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».
Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.
Билеты уже ждут вас на сайте
—1 560 000₽ на EXEED. Рассрочка 0% до 31 мая
EXEED от 1 990 000₽. Выгода до 35%. Рассрочка 0%. Первый взнос 0 ₽. Ежемесячный платеж от 17 085 ₽/мес. Трейд-ин до 900 000₽. Гарантийная поддержка 7 лет. Спешите!
Узнать больше
#реклама
ks-exeed.ru
О рекламодателе
Какой хук в React предназначен для обработки ошибок в компонентах-границах ошибок?
