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

YouTube https://youtube.com/c/undefinedcommunity
Download Telegram
css-doodle - веб компонент для рисования различных абстрактных паттернов с помощью CSS.
MODERN.js - новый, прогрессивный, фронтенд-фреймворк, базирующийся на React от Китайской компании-единорога ByteDance.

По заявлению создателей фреймворк охватывает полный жизненный цикл, имеет полную систему плагинов и предоставляет широкие возможности настройки.

Акцент сделан на следующие киллер-фичи:

Rust Bundler
- Easily switch to rspack bundler with faster build speed.

Integrated BFF
- Develop BFF code in the same project, enjoy simple function calls.

Nested Routes
- File-as-route, comes with lots performance optimizations.

Multi-Rendering Mode
- SSR, SSG, SPR, all out of the box for you.

CSS Solutions
- CSS Modules, CSS-in-JS, TailwindCSS, take your pick.

Easy to Configure
- Launch with zero configuration, then everything is configurable.
🤔1
ILLA - опенсорс low-code платформа для создания внутренних инструментов (a-la CRUD). Содержит в себе большой набор разнообразных компонентов и готовых экшнов, что ползоляет сэкономить огромное количество времени на прототипировании инструментов (по заявлению разработчиков)
Статья от Angular Architects про текущий и будущий механизм change detection в Angular

https://www.angulararchitects.io/en/aktuelles/angular-signals/?mc_cid=b8ce30f0d3&mc_eid=ed1da94fa4
🤯1
Самая зеркальная кнопка - https://shiny-button.vercel.app
😁2
This media is not supported in your browser
VIEW IN TELEGRAM
ArkType - первый изоморфный типобезопасный рантайм валидатор (типов) с поддержкой TypeScript синтаксиса для JS и TS проектов.

Каждый введенный вами символ анализируется статически, поэтому вы будете точно знать, чего ожидать как во время разработки так и во время выполнения.
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
D2 - это современный язык сценариев, который превращает текст в диаграммы.
👍41🤩1
deoptigate - приложение для исследования/просмотра функций, деоптимизированных v8/Node.js. Можно скормить свой бандл и посмотреть что про него думает движок. Альтернатива от команды Дмитрия Карловского - opt.js.hyoo.ru
👍1
В блоге Astro появилась статья со сводным анализом производительности 100 000 веб-сайтов, созданных с помощью разнообразных веб-фреймворков.
AutoAnimate - Plug & Play библиотека анимаций, с поддержкой всех популярных фреймворков.
Scrollbar.app - простое веб-приложение для создания кастомизированных скроллбаров (с предпросмотром) [gh]
Drizzle ORM - TypeScript ORM for SQL

* Full type safety
* Smart automated migrations generation
* No ORM learning curve
* SQL-like syntax for table definitions and queries
* Best in class fully typed joins
* Fully typed partial and non-partial selects of any complexity
* Auto-inferring of TS types for DB models for selections and insertions separately
* Zod schema generation
* Zero dependencies
👍3🔥1
Skeleton - набор UI компонентов для Svelte, написанный на Tailwind
👍2
Source Map Visualization - бесплатное веб-приложение для визуализации контента sourcemap. [демо]
Quicktype - библиотека для генерации строго типизированных моделей и сериалайзеров из JSON, JSON Schema, TypeScript и GraphQL запросов, позволяет существенно улучшить типобезопасность JSON во многих языках программирования. [gh]
🌭1
Remult - Remult is a full-stack CRUD framework that uses your TypeScript entities as a single source of truth for your API, frontend type-safe API client and backend ORM.

Zero-boilerplate CRUD API routes with paging, sorting, and filtering for Express / Fastify / Next.js / NestJS / Koa / others...
👌 Fullstack type-safety for API queries, mutations and RPC, without code generation
Input validation, defined once, runs both on the backend and on the frontend for best UX
🔒 Fine-grained code-based API authorization
😌 Incrementally adoptable
🚀 Production ready
📣 NEW - Zero-boilerplate realtime live-queries
1
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
Ratchet - кодмод, который позволяет сконвертировать реакт компоненты с PropTypes в соответствующую TypeScript нотацию. [демо]
You've Got Options for Removing Event Listeners - статья Alex MacArthur с обзором современных подходов по управлению жизненным циклом эвент-лиснеров, спойлер - лиснеры можно удалять с помощью AbortController
👍1😱1
Mantine - очередная библиотека React компонентов с декларируемой нативной поддержкой "тёмной темы". [gh]
BlockSuite - фреймворк для создания интерфейсов совместного редактирования, базирующийся на "блоках". Авторы заявляют о существующей CRDT имплементации и фреймворк-агностик функциональности.