Frontender Libs - обзор библиотек JS / CSS

Назначение action в хуке useFormState Для чего используется атрибут action в хуке useFormState? 👉 @sWebDev

Million.js Million.js - это минималистичный фреймворк на JavaScript, который эффективно работает с элементами DOM. В отличие от традиционных фреймворков, которые обновляют весь DOM при каждом изменении состояния. Библиотека использует более детальный подход, обновляя только необходимые части DOM. Million.js также имеет свой компилятор, который автоматически оптимизирует компоненты React на сервере. 👉 @sWebDev

Loadig003 Пример анимации загрузки на Three.js. 👉 @sWebDev

Промышленные весы для бизнеса! Группа компаний «Невские весы» с 1999 года разрабатывает и производит весоизмерительное оборудование. Собственная производственная база компании, полный цикл производства, соединение традиций и новаторства в технологических и конструкторских решениях, высококачественные датчики производства мировых лидеров – вот составляющие, позволяющие компании производить весы для грузов от 100 мг до 400 тонн различного класса точности для компаний различных отраслей и обеспечивать высокие метрологические характеристики оборудования. Узнать больше #реклама vesservice.com О рекламодателе

Создание навигационной панели с помощью Angular 17 и Tailwind CSS Гайд по созданию навигационной панели с помощью Angular 17 и Tailwind CSS. 👉 @sWebDev

‼️Всем кодерам посвящается‼️ Code Ready — полезные ресурсы, шпаргалки, проекты на GitHub, разработка веб-приложений, и многое другое для твоих проектов, сразу с готовым кодом, и примером их использования. 🪩Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready

When Animators Become Web Designers Пример анимации загрузки страницы на GSAP.js. 👉 @sWebDev

Хватит играть в танчики, пора создавать что-то новое. Новую игру, которая принесет тебе миллионы (и мы не только о поклонниках, но и о деньгах) Геймдизайнер — это режиссёр игры. Его задача собрать из сюжета, игровых механик и графики захватывающий мир и придумать правила, по которым он будет жить. Опытные геймдизайнеры могут зарабатывать около 200 000 рублей, по данным hh.ru. Попробуйте прямо сейчас, не ждите, пока мест не останется! ❕ Запрыгнуть в последний вагон, несущий вас к деньгам, славе и успеху можно тут. Причем БЕСПЛАТНО!

Reatom Reatom - это библиотека управления состоянием для React, которая является альтернативой RTK, Zustand и React Query. Бибилиотека позволяет создавать глобальное состояние, которое можно легко использовать и изменять в любых компонентах с помощью хуков или декораторов. Также поддерживаются асинхронные действия, селекторы, подписки, отладки и другие возможности. 👉 @sWebDev

Управление состоянием в Angular: какие есть варианты? Статья рассказывает о различных вариантах управления состоянием в Angular приложениях. Автор объясняет, что такое состояние, зачем им нужно управлять, и какие библиотеки и подходы существуют для этого. 👉 @sWebDev

Любишь рисовать или создавать новые проекты – тебе сюда, на бесплатный курс компьютерной графики! ☑️ Узнай, как создавать арт-проекты для игр, кино и рекламы. ☑️ Научись делать уникальный визуал, даже если у тебя нет опыта в компьютерной графике. Куратор поможет, и ты совсем скоро добавишь в портфолио 20 работ — и сможешь устроиться в студию, работать на фрилансе или стать NFT-художником. Классная перспектива? Ну да, для тех, кто запишется прямо сейчас, а не отложит все на потом.

Разрыв фото на Gsap.js Пример анимации разрыва фото на GSAP.js. 👉 @sWebDev

Не бойся собеседований и поиска работы! Трать 10 минут в день и оставайся максимально актуальным разработчиком на рынке. progway — канал с разбором самых актуальных вопросов с Front-End собеседований: — Как оценить алгоритм? — Откуда методы у примитивов? — Какая структура у HTTP запроса? — Что такое cookies? — и ещё более 150 вопросов Автор канала — Денис, разработчик с опытом менторинга и собеседований более 4 лет. Готовься к собеседованиям эффективно вместе с @prog_way_blog — выделись среди конкурентов!

Тонкая настройка директивы ngModel ngModelOptions – это объект, который позволяет настроить различные параметры директивы ngModel. updateOn: определяет, когда происходит обновление модели (при blur, change или input). debounceTime: задержка обновления модели (в миллисекундах). emitModelToViewChange: позволяет синхронизировать изменения модели с представлением. modelToViewConverter: функция для преобразования значения модели перед отображением в представлении. viewToModelConverter: функция для преобразования значения представления перед сохранением в модели. Пример использования:

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
})
export class AppComponent {
  model = '';

  constructor() {}

  ngOnInit() {
    this.model = '初始值';
  }
}

<input [(ngModel)]="model" ngModelOptions="{updateOn: 'blur', debounceTime: 500}">

В этом примере значение модели будет обновляться только при потере фокуса с поля ввода. обновление модели будет задерживаться на 500 миллисекунд. 👉 @sWebDev

Вебинар: «Эффективные коммуникации в проектной команде» - Упускаете детали, которые влияют на реализацию проекта и влекут дополнительные затраты на исправление ошибок? - Коммуникация проектных групп бывает затруднительной, что замедляет процесс реализации проекта? - Регулярные совещания команды затягиваются и заканчиваются без четких договоренностей и конкретных решений? - Участники ощущают, что тратят время впустую, а их мотивация к участию в этих совещаниях снижается? Глеб Архангельский, ведущий российский эксперт в области личной и бизнес-эффективности, подробно разберет каждую из этих проблем! Вебинар пройдет 5 марта 2024 года с 17:00 до 18:00. Мы ждём всех тех, кто интересуется современными технологиями и готов применять их для повышения командной эффективности! Зарегистрироваться #реклама 16+ my.mts-link.ru О рекламодателе

Улучшаем типизацию роутинга в Next.js Next.js - популярный фреймворк React, который упрощает создание серверных и статически-генерируемых веб-приложений. Однако встроенная система маршрутизации Next.js не обладает полной типобезопасностью. Без типобезопасности маршрутизации возможны ошибки, такие как: сломанные ссылки, неверно отформатированные строки запросов или отсутствующие параметры маршрута. 👉 @sWebDev

Назначение параметра loading в use(Promise) Что означает параметр loading в хуке use(Promise)? 👉 @sWebDev

gl-matrix gl-matrix - это библиотека JavaScript для работы с векторами и матрицами, оптимизированная для WebGL. Она предоставляет набор функций для выполнения различных операций с векторами и матрицами. 👉 @sWebDev