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

YouTube https://youtube.com/c/undefinedcommunity
Download Telegram
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 имплементации и фреймворк-агностик функциональности.
docx - изоморфная TypeScript библиотека для работы с файлами в формате .docx, позволяет читать, редактировать, создавать файлы и работать с вложениями.
Lucide - опенсорсный, консистентный набор минималистичных noscript иконок (форк Feather), содержит примеры использования с разнообразными веб-фрейморками и плагин для Figma. [gh]
WebGoat - ужасно небезопасное веб-приложение, созданное командой OWASP и предназначенное для обучения/тренировки противодействия разнообразным уязвимостям.
ThumbHash - новая библиотека для генерации плейсхолдер-изображений, наподобие BlurHash, по сравнению с которым имеет ряд преимуществ:
* Передаёт больше даталей при одинаковом размере
* Работает с разными соотношениями сторон
* Кодирует цвета более точно
* Поддерживет альфа-канал
🔥1
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
🔥1