🚀 A new update for React Tiptap Editor! ✨ Write and refine content with AI ⚡ 46% less initial JavaScript in our full-featured demo Playground: reactjs-tiptap-editor-playground.vercel.app
Create Next App
Generated by create next app
reactjs-tiptap-editor-playground.vercel.app
i was just rereading atproto.com/articles/atp... and it's so fantastically written. granted, maybe not for every audience, but for me it's a classic
Atproto for distributed systems engineers - AT Protocol
AT Protocol is the tech developed at Bluesky for open social networking. In this article we're going to explore atproto from the perspective of distributed backend engineering.
atproto.com
And Rsbuild 2.1 is here too! 🦀 Powered by Rspack 2.1 ⚛️ React Compiler via plugin-react 🏝️ TanStack Start support 🎨 Tailwind CSS v4 plugin 🚀 Faster Babel & SVGR 📦 Worker imports ⚙️ Auto external
Rspack@rspack.dev · 4mo ago🦀 Rspack 2.1 is here! ⚡️ 16% faster builds than 2.0 ⚛️ Rust React Compiler: 7–13× faster than Babel 🎨 Improved built-in CSS 📂 import.meta.glob 🔵 TypeScript 7 RC support 🧩 Source Phase Imports
Making posters with GPT-image-2 is just too easy
Rspack@rspack.dev · 6mo agoRspack 2.0 has landed 🦀 The growth since 1.0 is wild: 📈 100K → 5M weekly downloads ⚡️ ~100% faster builds 📉 devServer: 192 deps → 1 And new stuff hits hard: 🧩 Pure ESM core, modern ESM library output ⚛️ Experimental RSC support ... Lean, Fast, Modern Web Bundling 🚀
Rsbuild 2.0 beta cuts dependencies from 13 → 4, MF runtime is now an optional peer dependency ✨
I recently tried to use Github Projects and got so mad I started another side-project: skyboard.dev! Skyboard is Trello but on the AT Protocol, a collaborative kanban board where all the data lives in your atproto repo so you control your boards forever
Announcing Skyboard - A collaborative kanban board on the AT Protocol
Skyboard is a collaborative kanban board on the AT protocol so you control your boards forever.
leaflet.pub
Writing database queries is too close to the metal. Best practices don’t work! It’s time to make SQL enterprise-scale with utility classes. tailwindsql.xyz
TailwindSQL - SQL Queries with Tailwind Syntax
Like TailwindCSS, but for SQL queries. className your way to database queries in React Server Components!
tailwindsql.xyz
now works in Safari and Firefox (with their view transitions flag enabled) 🤩
Adam Argyle@argyleink.front-end.social.ap.brid.gy · 2y agoBring a **rad** `clip-path` transition to your light/dark toggle switch with a progressively enhanced `view transition`. Try it https://cdpn.io/pen/debug/NWZZPLZ Source https://codepen.io/argyleink/pen/NWZZPLZ https://nerdy.dev/light-dark-view-transition-with-clip-path
The tsdown documentation site is now live! Check it out here: tsdown.dev
tsdown | The Elegant Bundler for Libraries
The Elegant Bundler for Libraries
tsdown.dev
Heads up! I just updated excalidraw-animate! It's the tool to animate excalidraw drawings. Check it out 👉 github.com/dai-shi/exca...
All the useSize hooks on npm kinda suck, so I made a package with a pretty cool feature: - Only uses 1 ResizeObserver for your whole app, managed via Context (perf baby) Exports: - useSize = Dimensions as state - useSizeRef = Dimensions as ref - useSharedResizeObserver = Custom logic
GitHub - hipstersmoothie/use-shared-resize-observer
Contribute to hipstersmoothie/use-shared-resize-observer development by creating an account on GitHub.
github.com
How Zustand Supports Middleware Learning Zustand in JavaScript Without Types Is Easier Than With Types newsletter.daishikato.com/p/how-zustan...
How Zustand Supports Middleware
Learning Zustand in JavaScript Without Types Is Easier Than With Types
newsletter.daishikato.com
📦🎉 @modular-css/vite v30.1.0 🎉📦 Added support for @vite.dev v6! github.com/tivac/modula...
Release @modular-css/vite@30.1.0 · tivac/modular-css
Minor Changes #1024 1c9322f Thanks @tivac! - Vite 6 support
github.com
Did you know that jQuery outperforms React, what? 😳 Sounds like clickbait, but is reality. The HTTP Archive shows 82% of sites that use jQuery have good INP on mobile📱, while only 67% do when they use React⚛️. Not just sites, also libraries. Let's fix that👇#webperf kurtextrem.de/posts/improv...
How To Improve INP: React⚛️
All-in-one guide for improving Interaction-to-Next-Paint (INP) Core Web Vital in React applications. Introduces the useAfterPaintEffect hook.
kurtextrem.de
Web Performance advent day 8 with Amrik Malhans helping demystify the event loop, microtasks and callback queues, and more. calendar.perfplanet.com/2024/underst...
Understanding the main thread in the browser
The browser makes use of a single main thread for executing most important tasks, it's responsible for running JavaScript, handling user interactions, and updating the DOM. The main thread also perfor...
calendar.perfplanet.com
@nicj.net also has a good overview of the API here nicj.net/js-self-prof...
JS Self-Profiling API In Practice
Table of ContentsThe JS Self-Profiling API What is Sampled Profiling?Downsides to Sampled ProfilingAPIDocument Policy API Shape Sample Interval BufferWho to Profile When to ProfileSpecific Operations ...
nicj.net
My Perf Calendar post made it just in time before the end of the year 😅 I wonked out on yielding strategies in loops, optimizing for more than just INP calendar.perfplanet.com/2024/breakin...
Breaking Up with Long Tasks or: how I learned to group loops and wield the yield
Everything, On the Main Thread, All at Once Arrays are in every web developer's toolbox, and there are a dozen ways to iterate over them. Choose wrong, though, and all of that processing time will hap...
calendar.perfplanet.com
if you have an list of values you need turned into a sentence, you can use Intl.ListFormat() to clearly and succinctly create human-readable lists instead of the classic array function template strategies ✨ get a load of this: codepen.io/xdesro/pen/d...
I’m migrating some projects from create-react-app to Vite, and running into an issue where Vite doesn’t allow JSX inside `.js` files. Found a neat lil’ script to rename any files from `.js` to `.jsx` if they contain JSX: gist.github.com/parties/90cd...
rename all *.js files containing React markup to *.jsx
rename all *.js files containing React markup to *.jsx - renameReactJsToJsx.sh
gist.github.com
Looking for the best way to handle icons with @react.dev and @vite.dev ? 🧐 Check out our vite-plugin-icons-spritesheet! - Generates spritesheet for consumption - Modifies Vite behind the scenes so you don't have problems deploying it - Watches for changes github.com/forge42dev/v...
GitHub - forge42dev/vite-plugin-icons-spritesheet: Vite plugin that listens to an icon folder and outputs a spritesheet with optional types to specified location
Vite plugin that listens to an icon folder and outputs a spritesheet with optional types to specified location - forge42dev/vite-plugin-icons-spritesheet
github.com
Check out my talk "How an RSC Framework Enables Server Actions" at React Advanced 2024 if you haven't already! gitnation.com/contents/how...
How an RSC Framework Enables Server Actions by Daishi Kato
I'm Daisuke Kato, an open source developer. I've developed React libraries like Zest, Jota, and Valsio. Now, I'm working on a new React framework, Waku. It's a team project that started a year and a h...
gitnation.com
I converted servitsy (github.com/fvsch/servitsy) from JS-with-TypeScript-in-JSDoc to `.ts` files. Pros of the JSDoc approach: - No build, low tooling needs - What you write is what you ship Cons: - Verbose & finicky - What you write is what you ship
GitHub - fvsch/servitsy: Small, local HTTP server for static files
Small, local HTTP server for static files. Contribute to fvsch/servitsy development by creating an account on GitHub.
github.com
I just dropped the beta release of react-router-devtools! 🔥 If you like the bleeding edge and want to try the network tracing feature with react-router v7 feel free to give it a go! Best network tracing videos get retweets!
