Embla Carousel — это свободная от зависимостей легкая JS библиотека. Поможет решить самые сложные проблемы, связанные с созданием каруселей; имеет легко расширяемый API и плагины.
Embla Carousel работает во всех современных браузерах.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm install @react-three/drei
Здесь можно найти компоненты для самых разных кейсов.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Всё, что нужно сделать, — ввести название сайта и нажать кнопку
«Отправить».
Встроенные нейросети Claude и ChatGPT позаботятся обо всём остальном. Уровень возможностей впечатляет: пользователям уже удалось создать клон Minecraft и даже рабочий сайт для генерации 18+ изображений.
И самое удивительное — всё это работает бесплатно. ⚡️Попробовать можно здесь: https://websim.ai/
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm create hono@latest
Hono работает в любой среде выполнения JavaScript: Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, AWS Lambda, Lambda@Edge и Node.js
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm i docsify
docsify создает сайт документации буквально на лету. В отличие от GitBook, он не генерирует статичные html-файлы. Вместо этого он с умом загружает и разбирает файлы в формате Markdown и потом отображает их в виде веб-сайта.
Чтобы начать использовать docsify, достаточно создать
index.html
и развернуть его на GitHub Pages.@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
И что самое крутое - работает прямо в браузере, бесплатно и даже без регистрации. Интерфейс похож на After Effects, и все функции находятся на привычных местах. Один энтузиаст сумел превзойти всю Adobe!
Попробовать можно здесь: https://pikimov.com/
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm i @openui5/sap.f
Если кто вдруг не знает, есть классный фреймворк JavaScript — OpenUI5 с массой полезных возможностей
Вот некоторые из них:
— богатая библиотека визуальных компонентов
— возможность расширять стандартные компоненты и писать свои
— поддержка MVC, причем View может быть объявлен как HTML, XML, JSON или Javascript
— модели данных (oData, XML, JSON) и их привязка к визуальным компонентам
— поддержка HTML шаблонов
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
—
pnpm add ember-data
EmberData позволяет управлять данными в приложении с помощью масштабируемых шаблонов
Некоторые особенности EmberData и её шаблонов:
— упор на производительность и компактность
— поддержка Typescript
— поддержка любых API: GraphQL, JSON:API, REST, tRPC — всего, что угодно
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm i html-react-parser
Вот простой пример использования:
import parse from 'html-react-parser';
parse('<p>Hello, World!</p>');
// React.createElement('p', {}, 'Hello, World!')
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Shaka Player — это библиотека JavaScript, которая воспроизводит адаптивные медиаформаты такие как DASH, HLS и MSS в браузере, без использования плагинов или Flash. Вместо этого Shaka Player использует открытые веб-стандарты MediaSource Extensions и Encrypted Media Extensions.
Shaka Player также поддерживает автономное хранение и воспроизведение медиафайлов с помощью IndexedDB. Контент может храниться в любом браузере.
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
—
npm install @oruga-ui/oruga-next
Oruga предлагает набор легко настраиваемых компонентов и не зависит от какого-либо конкретного стиля или CSS-фреймворка (типо Bootstrap, Bulma, TailwindCSS). При этом есть возможность интегрировать любой CSS-фреймворк, если очень хочется.
Oruga предоставляет набор функциональных компонентов, поэтому можно сосредоточиться только на UI/UX аспектах приложения
@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM