undefined – Telegram
undefined
307 subscribers
162 photos
3 videos
291 links
JS новости, подкасты, задачки для тренировки мозга, материалы с мероприятий undefined community.

YouTube https://youtube.com/c/undefinedcommunity
Download Telegram
Lenis - "How smooth scroll should be", создатели библиотеки решили переосмыслить подход работы со скроллом, создали один универсальный API и интересную демо страницу
😁4🤪1
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.
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
simple-rsc - репозиторий с артефактами стрима c Дэном Абрамовым по имплементации примера простого веб приложения с поддержкой React Server Side components. 🖼️ [video]
Please open Telegram to view this post
VIEW IN TELEGRAM
[твит][replit] - интересно на сколько сократится количество ошибок при использовании такой "автопочинки" кода в проде. 😲
Please open Telegram to view this post
VIEW IN TELEGRAM
danger-js - великодушный пожизненный диктатор для вашего проекта, позволяет настроить разнообразные проверки качества пулл-реквеста - ошибки линтинга, отсутствующую документацию, тесты. Слоган проекта звучит как:

⚠️ Перестаньте говорить "ты забыл …" на код-ревью)

[gh]
👍1
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
webXash - улучшенная версия порта xash3d. Можно поиграть в Half-Life прямо в браузере.
👍4
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`)
👍21🥱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 😸

[потрогать]
🔥1
Markdoc - фреймворк для работы с markdown, созданный Stripe (используется для создания и редактирования документации). Включает в себя - расширения синтаксиса, редактор, рендер и прочие инструменты. [gh]
❤‍🔥2
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
🔥5
Побитовые хаки JavaScript - gist из 29 побитовых хаков языка
🔥4
js2flowchart.js - библиотека, позволяющая создавать Flow диаграммы из JS/TS кода, с возможностью экспорта в noscript. Автор библиотеки создал отдельный сервис, предназначенный для проектов с обширной файловой структурой. Плагин для vscode
🔥2