This media is not supported in your browser
VIEW IN TELEGRAM
txt-shuffle - кастомизируемая библиотека для анимации перемешанного текста [демо1, демо2]. Позволяет настраивать глифы, фреймрейт, задержки, направление анимации, имеет ряд lifecycle коллбеков.
🧀 Magicast - инструмент для программной модификации JavaScript и TypeScript с простым и элегантным синтаксисом. Под капотом использует recast и babel.
🧙🏼 Magical modify a JS/TS file and write back magically just like JSON!
🔀 Exports/Import manipulate module's imports and exports at ease
💼 Function Arguments easily manipulate arguments passed to a function call, like defineConfig()
🎨 Smart Formatting preseves the formatting style (quotes, tabs, etc.) from the original code
🧑💻 Readable get rid of the complexity of AST manipulation and make your code super readable
🧙🏼 Magical modify a JS/TS file and write back magically just like JSON!
🔀 Exports/Import manipulate module's imports and exports at ease
💼 Function Arguments easily manipulate arguments passed to a function call, like defineConfig()
🎨 Smart Formatting preseves the formatting style (quotes, tabs, etc.) from the original code
🧑💻 Readable get rid of the complexity of AST manipulation and make your code super readable
simple-rsc - репозиторий с артефактами стрима c Дэном Абрамовым по имплементации примера простого веб приложения с поддержкой React Server Side components. 🖼️ [video]
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Spectral.js - библиотека работы с цветом, основанная на модели Kubelka-Munk, которая описывает взаимодействие света с краской для создания реалистичного смешения цветов. [демо]
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
React Complex Tree - компонент дерева для React, автор заявляет отсутствие дополнительных зависимостей, поддержку
DnD, мультиселективность, доступность с клавиатуры [gh]👍1
worker-timers - замена для
setInterval, setTimeout, которая работает в окнах, потерявших фокус. Позволяет выполнять запланированную логику даже если вкладка с приложением не активна. Большинство современных браузеров "замедляют" основной поток при потере фокуса, но это не касается веб-воркеров, библиотека построенна на этой концепции.👍3
Pretty TypeScript Errors - расширение для VSCode, которое добавляет читабельности ошибкам TypeScript [маркет]
👍2
Nano Stores in Angular: how to make the state management simpler
https://dev.to/evilmartians/nano-stores-in-angular-how-to-make-the-state-management-simpler-38a1
https://dev.to/evilmartians/nano-stores-in-angular-how-to-make-the-state-management-simpler-38a1
Tamagui — набор компонентов для React и React Native, киллер-фичей библиотеки компонентов является оптимизирующий компилятор, который оптимизирует: стили, логику, медиа-элементы и хуки. В результате этих оптимизаций - получается быстрый и легковесный код, прекрасно подходящий для мобильной разработки (или разработки приложений для немощных девайсов) [gh]
This media is not supported in your browser
VIEW IN TELEGRAM
WebGPT - Запускаем GPT модели прямо в браузере с помощью WebGPU! Реализация менее чем в 2000 строках ванильного JavaScript. [попробовать] * предварительно нужно включить поддержку
Unsafe WebGPU (`chrome://flags/#enable-unsafe-webgpu`)👍2❤1🥱1
Shoelace - набор фреймворк-агностик веб-компонентов для повседневного использования.
* Works with all frameworks 🧩
* Works with CDNs 🚛
* Fully customizable with CSS 🎨
* Includes an official dark theme 🌛
* Built with accessibility in mind ♿️
* Open source 😸
[потрогать]
* Works with all frameworks 🧩
* Works with CDNs 🚛
* Fully customizable with CSS 🎨
* Includes an official dark theme 🌛
* Built with accessibility in mind ♿️
* Open source 😸
[потрогать]
GitHub
GitHub - shoelace-style/shoelace: Web Awesome ("Shoelace 3") has been released! Get it here 👇👇👇
Web Awesome ("Shoelace 3") has been released! Get it here 👇👇👇 - shoelace-style/shoelace
🔥1
Angular 16
- Esbuild dev-server (dev preview)
- Signals (dev preview)
- Поддержка Jest
- Required Inputs
- Map route data, path Paramus and query to Inputs
И новые API в статье:
https://levelup.gitconnected.com/angular-16-is-making-big-noise-6a06e9808788
- Esbuild dev-server (dev preview)
- Signals (dev preview)
- Поддержка Jest
- Required Inputs
- Map route data, path Paramus and query to Inputs
И новые API в статье:
https://levelup.gitconnected.com/angular-16-is-making-big-noise-6a06e9808788
Medium
Angular 16 is making big noise 🍬!
Significant changes in Angular’s whole life!
🔥5
js2flowchart.js - библиотека, позволяющая создавать Flow диаграммы из JS/TS кода, с возможностью экспорта в noscript. Автор библиотеки создал отдельный сервис, предназначенный для проектов с обширной файловой структурой. Плагин для vscode
🔥2
userinyerface - веб приложение с демонстрацией самых ужасных паттернов веб-разработки, с его помощью можно проводить собеседования дизайнеров и разработчиков 😄
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
TS-Pattern - строго типизированная библиотека паттерн-матчинга, способная выводить корректные типы под каждую ветку варианта.
🔥4
Legend-State - это сверхбыстрая и мощная библиотека состояний, которая обеспечивает мелкозернистую реактивность и простое автоматическое сохранение (по заявлению авторов) [gh]
👍1