Panda CSS: Modern, Build-Time, Type-Safe CSS-in-JS — Best known for the Chakra UI component library, Segun Adebayo is back with a new DX-focused CSS-in-JS approach boasting build-time generated styles and type safety out of the box. It works with Remix, Vite, Next.js, Astro, and even server components.

Segun Adebayo

Introducing Codux: A Visual Editor for React Developers — This may be a sponsored post over at Smashing Magazine, but it does a better job of presenting Wix’s Codux visual-based React IDE than their own launch post did back in December when we featured it.

Geoff Graham (Smashing Magazine)

Enterprise UI Development: Testing & Code Quality — Managing or migrating large apps and codebases? This video course covers what you need to know to scale efficiently whilst maintaining code quality. Covers unit testing, CI pipelines, mocking, code coverage, and more.

Frontend Masters sponsor

Using useMutation to Make an Advanced Toggle — Advanced in this case means a typical on/off toggle control but with features like making external requests, showing loading spinners, and optimistic updating.

Andrew Israel

Hyper Fetch 5.0: The Fetching Framework — All the logic necessary for performing requests, caching, queuing, providing offline support and enabling persistence for queued requests and caches. v5.0 has many new features, rounded up here, along with adapters for Firebase, Axios and GraphQL.

Pyrc and Skawina

Building the Foundation of a Full-Stack App with Nest, Next.js and tRPC — Discover how to create a fully type-safe pnpm monorepo using NestJS, a powerful Node.js backend framework, and Next.js. This covers the integration of tRPC as the API layer, providing end-to-end type-safety for full-stack TypeScript apps.

Tom Ray

SwiftUI Stole the Best Parts of React (And My Heart) — After years of building React apps, Liam has had his head turned by Apple in a big way.

Liam Lindner

Creating a 'Tilt' Effect with Tailwind CSS — React and Tailwind come together to give the effect of an element ‘tilting’ on hover by using CSS’s rotation functions.

Julien Thibeaut

React Wrap Balancer 1.0: A Component for Better Title Displays — A simple component that improves the rendering of titles in your app by avoiding single overhanging words. v1.0 is a key milestone release that lets the component now use the native CSS text-wrap: balance property when supported.

Shu Ding

Recharts 2.7: Chart Library Built with React and D3 — Easy to deploy with declarative components, and native SVG support. Line, bar, scatter, composed, pie, and radar charts are offered. There are many examples, complete with code. GitHub repo.

recharts

React Authentication — Without Complexity — Userfront streamlines authentication & access control so engineers can focus on their core business. Read the docs now.

Userfront sponsor

♜  react-chessboard: Yes, A Chess Board Component — Looking for a graphical front-end for your chess-playing AI chatbot? This is the one used by ChessOpenings.

Ryan Gregory

ReactJS Cron: A Component to Edit Cron Schedules — Built with Ant Design, this lets you work with cron-style schedules using drop down select boxes. Demo here.

Xavier Rutayisire