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

Паттерны и антипаттерны в Node.js Node.js — это серверная среда выполнения JavaScript, построенная на движке V8 в Chrome, который по своей природе является асинхронным и событийным. С помощью Node.js относительно несложно создать REST API и использовать такие фреймворки, как Express.js. Простота обеспечивает большую гибкость. Но, при создании масштабируемых сетевых приложений, можно запутаться в том, каким шаблонам следовать. В статье рассматриваются лучшие практики, которых стоит придерживаться при создании приложений на Node.js 👉 @sWebDev

Лоадер на Gsap Интересные лоадеры делают приложение насыщеннее и колоритнее. По ссылке можно ознакомиться с кодом данного проекта, а после небольших оптимизаций внедрить его в свое веб-приложение. 👉 @sWebDev

Отрисовка в реальном времени с Vue, NodeJS и socket.io По ссылке руководство с подробным описанием использования Vue, NodeJS и socket.io для отрисовки элементов. 👉 @sWebDev

Pts Библиотека для визуализации точек в пространстве. Из особенностей: возможность работы с геометрическими фигурами, цветами; не конфликтует с другими библиотеками; малый вес. 👉 @sWebDev

😮 Добавлена новая база слитых курсов на 800ГБ: Программирование: https://t.me/+CU_bP-l4U_BhYWVi Frontend и Web: https://t.me/+j52VHr3Ass82NzNi Python: https://t.me/+_6KGyL3igC0xM2Fi Графика и дизайн: https://t.me/+JuB_FlhaPuNlMzMy

React Product Slides Пример применения слайдера React для карточки товара. 👉 @sWebDev

Предотвращаем рендеры компонента с react-freeze Библиотека использует механизм работы Suspense. Компонент оборачивается в Suspense и обертку Suspender. Чтобы “заморозить” компонент в Suspender выбрасывается исключение Promise , перехватывающее Suspense. При получении промиса-исключения, Suspense ставит компонент в режим ожидания, предотвращая лишний рендер и изменение состояния. 👉 @sWebDev

"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков. Справитесь ли вы с уровнем курса? Покажет вступительный тест. 📍Пройдите тестирование, чтобы: ● оценить свои навыки ● получить доступ к демо-занятиям курса ● занять место по специальной цене ● получить доступ в закрытое сообщество JS-разработчиков 👉 Пройти полное тестирование: https://otus.pw/X0vX/м

TroisJS Starfield По ссылке анимированный фон, созданный с помощью CSS и TroisJS. Фон напоминает прыжок в гиперпространство из звездных войн. При наведении на текст анимация ускоряется, а по клику на кнопку можно менять цвет окружающих объектов. 👉 @sWebDev

Paper.js Библиотека для работы с векторной графикой. Из особенностей: открытый исходный код; импорт и экспорт SVG; гибкий API; кроссбраузерность; 👉 @sWebDev

49. parallax bird По ссылке пример реализации параллакс эффекта при помощи Less и библиотеки Three.js 👉 @sWebDev

Dolphins at dawn Продвинутая анимация ныряющих дельфинов, созданная при помощи CSS и библиотек GSAP и Three.js. 👉 @sWebDev

Как настроить Next.js на TypeScript, чтобы получить оценку в 100% от Google Lighthouse и Vercel Analytics В этой статье мы проследим весь путь создания прогрессивного веб-приложения с Next.js и получения 100-процентного результата от Google Lighthouse, Next.js Analytics и уровня безопасности A+ на webpagetest.org. 👉 @sWebDev

Анимированная форма ввода на Vue.js По ссылке код забавной формы ввода, созданной на Vue.js. Может оказаться полезным, если делаете тематическое веб-приложение. 👉 @sWebDev

Plotly.js Библиотека для создания графиков с применением JavaScript. Особенности: возможность использовать более 40 типов диаграм; открытый исходный код; доступна для: JavaScript, Python и т.д. 👉 @sWebDev

Функция промежуточного программного обеспечения Next.js Благодаря функции промежуточного программного обеспечения Next.js можно создавать функции, которые будут выполняться после сделанного пользователем запроса и до момента его выполнения. Все подробности в материале по ссылке. 👉 @sWebDev

Спидометр на GSAP.js Анимация спидометра для вашего веб-приложения. Реализовано с помощью Canvas, SVG и библиотеки GSAP.js. 👉 @sWebDev

Динамические импорты React В статье разберёмся с динамическим импортами в React, которые позволят увеличить скорость загрузки вашего веб-приложения. 👉 @sWebDev

Лучшие пропсы компонента Vue В статье рассмотрим практики правильной передачи пропсов компонента vue, которые позволят избежать ненужного повтора в рендеринге. 👉 @sWebDev

Яндекс Карты в React Native приложениях Сейчас при разработке мобильных и веб-приложений Google Карты лучше не использовать. У этого две причины: сервисы Google нельзя оплатить и есть шанс, что их могут заблокировать в России. В текущей ситуации можно попробовать перейти на Яндекс Карты. Команда разработки VVDEV расскажет, как это сделать. 👉 @sWebDev