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

Как вернуть изменяемый ref-объект React? Представьте, что вам нужно вернуть ref-объект, свойство .current которого будет инициализироваться переданным аргументом. Каким хуком для этого воспользоваться? 👉 @sWebDev

Создание лучших форм с помощью Vue.js 3 Composition API: практическое руководство Руководство по созданию форм с использованием Composition API в Vue.js 3. Автор предлагает использовать Composition API для улучшения управления состоянием форм, обработки валидации и управления событиями. В статье рассматриваются различные концепции, такие как реактивные переменные, встроенные хуки и композиционные функции. 👉 @sWebDev

Photo Tear Анимированная сцена, выполненная на Three.js и GSAP.js. 👉 @sWebDev

CharmUI Библиотека CharmUI - это набор инструментов для создания пользовательских интерфейсов веб-приложений с использованием HTML, CSS и JavaScript. Библиотека предлагает разнообразные компоненты, включая кнопки, формы, модальные окна и многое другое. CharmUI является гибкой и обладает хорошей документацией. 👉 @sWebDev

Как я структурирую свои приложения Angular В материале представлен систематический поход к организации приложений Angular. Автор предлагает использовать модульную архитектуру, разделять компоненты на контейнеры и презентационные компоненты, а также использовать сервисы для обработки бизнес-логики. 👉 @sWebDev

Как легко прокачать навыки верстки и найти работу? Присоединяйся к каналам опытного верстальщика: 1. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе. 2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду Научись и зарабатывай на верстке!

Слайдер на GSAP.js Проект анимированного слайдера, выполненный с применением библиотеки GSAP.js. 👉 @sWebDev

Hamsters.js Hamsters.js - JavaScript-библиотека, предназначенная для многопоточных вычислений в браузере. Она позволяет выполнять операции параллельно, распределяя вычислительную нагрузку на доступные ядра процессора. Библиотека обеспечивает простой и понятный API для использования многопоточности в JavaScript, что может значительно повысить производительность вычислений. Если вам нужно выполнить интенсивные вычисления на клиентской стороне, Hamsters.js может быть полезным инструментом для оптимизации вашего кода и улучшения отзывчивости приложения. 👉 @sWebDev

Эффект карандашного наброска с помощью постобработки Three.js Руководство по созданию эффекта карандашного наброска с помощью библиотеки Three.js. 👉 @sWebDev

Вы фронтендер и ещё не слышали об Astro?    Это фреймворк, который стремительно набирает популярность и конкурирует с популярным NextJS. Он ориентирован на производительность сайта, а ещё с ним можно использовать любую библиотеку: React, Vue, Angular и другие.   Дмитрий Безуглый (8+ лет опыта в Яндекс, VK и Frogly) решил разобраться, чем же так хорош Astro, поэтому ничего не планируйте на 8 июня — будем строить приложение в прямом эфире!    Поговорим об основных концепциях фреймворка, его архитектурных паттернах и подходах, которые позволяют достичь такой оптимизации.    Встречаемся 8 июня в 19:00 (GMT+3) Не забудьте зарегистрироваться!

Создание React-приложения с использованием инструмента Create React App npx create-react-app myReactApp — это команда, которую вы можете выполнить в командной строке, чтобы создать новое React-приложение с использованием инструмента Create React App. Create React App (CRA) — это набор средств, предоставляемых Facebook, который упрощает начало работы с разработкой React-приложений. Он настраивает основную структуру проекта и предоставляет необходимые инструменты для разработки, тестирования и сборки приложения. Когда вы выполняете команду npx create-react-app myReactApp, инструмент Create React App загружается с использованием npx (который является частью Node.js) и создает новое React-приложение в папке myReactApp. Он создаст все необходимые файлы и настроит проект, чтобы вы могли начать разрабатывать приложение сразу после завершения команды. 👉 @sWebDev

Раскрытие волшебства: изучение реактивности в различных средах Никогда не задумывались о том, как работает реактивность в вашем любимом фреймворке? В статье мы подробно изучаем особенности работы и сравниваем популярные библиотеки. 👉 @sWebDev

Как повысить производительность приложения React? Если в вашем приложении нагруженный функционал, требующий трудоемких вычислений, то это может негативно отразиться на его производительности. К счастью, в React есть хук, который позволяет улучшить производительность, снизив количество вызовов трудоемких задач. Что это за хук? 👉 @sWebDev

10 распространенных ошибок при разработке Angular Ещё один обзор распространенных ошибок при создании Angular приложений. 👉 @sWebDev

Papa Parse Библиотека позволяет парсить CSV-файлы в JavaScript. Простой API и поддержка разных форматов данных: строки, файлы и URL-адреса. Еще одной особенностью является гибкая настройка парсинга: разделители столбцов и строки, настройки кодировки и т.д. 👉 @sWebDev

Lighthouse at Night | HTML + CSS + ParallaxJS Анимированный маяк, выполненный на HTML, CSS и ParallaxJS. 👉 @sWebDev

Как добавить уведомления в ваше приложение Angular Добавляем уведомления внутри приложения в Angular. Автор начинает с обзора двух библиотек: Toastr и ngx-toastr, рассказывает о настройке и создании уведомлений. В материале подробный код и пошаговое руководство. 👉 @sWebDev

BB8 from Starwars – with SVG & GSAP Анимированный персонаж из вселенной Звездных Войн — BB-8. Выполнено на SVG и GSAP.js. 👉 @sWebDev

KUTE.js KUTE.js - это компактная библиотека для анимации SVG-изображений и DOM-элементов. KUTE.js имеет множество возможностей, таких как изменение размера, положения и цвета элементов, а также позволяет создавать сложные анимации с несколькими шагами. 👉 @sWebDev