This media is not supported in your browser
VIEW IN TELEGRAM
Transformers.js - веб-приложение, позволяющее запускать более 11 разнообразных моделей нейросетей типа "трансформер" (masked language modelling, text classification, text-to-text generation, translation, summarization, question answering, text generation, automatic speech recognition, image classification, zero-shot image classification, and image-to-text) [gh]
👍1
You've Got Options for Removing Event Listeners - статья Alex MacArthur с обзором современных подходов по управлению жизненным циклом эвент-лиснеров, спойлер - лиснеры можно удалять с помощью AbortController
👍1😱1
BlockSuite - фреймворк для создания интерфейсов совместного редактирования, базирующийся на "блоках". Авторы заявляют о существующей CRDT имплементации и фреймворк-агностик функциональности.
The Problem With React - статья Стефана Беловарич о текущих проблемах экосистемы реакта, <<про которые забыли рассказать в документальном фильме>>.
🔁 Churn: Constant updates and migrations in React ecosystem
⚠️ Deprecated features: Class components no longer supported
📦 Lack of client-side guidance: Focus on server-side implementations
💻 Valuing DX over UX: Messy development experience
📉 Decline of React's popularity: Similar to previous frameworks like jQuery
❌ React's faults: Lack of proper framework and poor community coordination
📚 Coping strategies: Learn fundamentals, server-side concepts, and think beyond React
🔁 Churn: Constant updates and migrations in React ecosystem
⚠️ Deprecated features: Class components no longer supported
📦 Lack of client-side guidance: Focus on server-side implementations
💻 Valuing DX over UX: Messy development experience
📉 Decline of React's popularity: Similar to previous frameworks like jQuery
❌ React's faults: Lack of proper framework and poor community coordination
📚 Coping strategies: Learn fundamentals, server-side concepts, and think beyond React
🔥1
Lenis - "How smooth scroll should be", создатели библиотеки решили переосмыслить подход работы со скроллом, создали один универсальный API и интересную демо страницу
KaTeX - синхронная, быстрая и изоморфная альтернатива MathJax, с высоким качеством глифов.
Fast: KaTeX renders its math synchronously and doesn’t need to reflow the page.
Print quality: KaTeX’s layout is based on Donald Knuth’s TeX, the gold standard for math typesetting.
Self contained: KaTeX has no dependencies and can easily be bundled with your website resources.
Server side rendering: KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML.
Fast: KaTeX renders its math synchronously and doesn’t need to reflow the page.
Print quality: KaTeX’s layout is based on Donald Knuth’s TeX, the gold standard for math typesetting.
Self contained: KaTeX has no dependencies and can easily be bundled with your website resources.
Server side rendering: KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML.
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