~reactstatus | Bookmarks (162)

Next.js 14.2 Released — As it approaches its eighth birthday, Next.js has passed 1 million monthly active developers and landed this release with support for using Turbopack to improve local development, memory usage, CSS and caching optimizations, improved error messages, and more. It also seems Next.js 15 is on the horizon to coincide with React 19.

Lydia Hallie Tests Your JavaScript Knowledge — Challenge your core knowledge with 50 interactive quiz questions covering topics like the event loop, scopes and closures, classes and prototypes, garbage collection, and more. After each question, you'll get an in-depth visual explanation from Lydia to deepen your understanding of fundamental JS concepts.

Wedges: A Collection of UI Components for React — Built and used by the folks at Lemon Squeezy, this is a well thought, aesthetically pleasing set of Radix UI and Tailwind CSS based components. You can also download a Figma file of them to use when mocking up layouts. GitHub repo.

CSS in React Server Components — An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future.

semantic-autocomplete: A Fast Semantic Search Component — An interesting proof of concept where you can let users search by meaning, not just by matching characters. There’s a live demo here. It uses a ~20MB machine learning model (small by ML standards) on the client side to make it work quickly.

React Query Builder 7.2 — A fully customizable query builder component, along with utility functions for importing from, and exporting to, various query languages like SQL, MongoDB, etc.

Qwik vs. Next.js: Which is Right for Your Next Web Project? — A point by point faceoff and why the author thinks Qwik takes the gold.

⏱ React-Clock: An Analog Clock Component — There’s a beautiful Swiss train station style example on the homepage, but you can ultimately customize the clock to your liking.

form_props: The Power of Rails Forms Now in React Too — One for those working with React from Ruby on Rails. GitHub repo.

Preview.js: Preview UI Components Instantly in Your IDE — Namely, VS Code or JetBrain IDEs, out of the box. Compatible with components built for React, Vue, Svelte and Solid.

Docusaurus 3.2: React + MDX Powered Site Builder — If you’ve ever seen a smart, elegant docs site, there’s a 61% chance it’s powered by Docusaurus (citation needed) .. 😅 Maybe not quite, but if it’s good enough for React Native, Relay, Ionic, Jest, and many others, it’s good enough for us. v3.2 ups the ante with significantly faster site builds and a faster...

React Server Components in a Nutshell — A quick overview of RSCs that’s not focused around Next.js! Paul compares the approach taken by several frameworks before sharing his broader thoughts on the technology and why the small Waku framework is worth a look.

Introducing Waku's “Pages Router” — Waku (already mentioned above) is an interesting minimal server-side React framework and it’s now also bringing a minimal API to the modern React server components era: “Making a Waku site is now as simple as making a few files and folders in the ./src/pages directory”..

Product for Engineers: A Newsletter Helping Flex Your Product Muscle — Product for Engineers is PostHog’s newsletter helping engineers improve their product skills. Subscribe to get curated advice on building great products, lessons (and mistakes) from building PostHog, and dive into the strategies of top startups.

Setting Up Storybook for React Components — How Dolt (love that name!) set up Storybook for their React component library including the use of Chromatic to test and review components.

TinyBase 4.8: A Reactive Data Store for Local-First Apps — A data store (for both key/value or tabular data) that can connect together data stores and act as a reactive backend to your apps. Basically, if you want less headache with the backend of your app, this is for you — and it includes bindings to React and pre-built reactive components, too. The demos show...

Yet Another React Lightbox — Add a lightbox component to your projects “in minutes” – there are several examples to try, as well as a playground with lots of adjustable settings!

React Server Components Now in RedwoodJS — If you thought RSCs were a Next.js phenomenon, think again. Implementations are popping up all over, such as in Waku and now RedwoodJS, a full-stack framework founded by GitHub co-founder Tom Preston-Werner that leans on React, Prisma and other technologies to provide a great DX ‘out of the box.’ This post digs deep into how RSCs are...

📺 react-tv-space-navigation: Spatial Navigation for TV Apps — “If you want to develop a TV app for AndroidTV + tvOS + web TV devices, then this package will be helpful. The library is based on LRUD, which is a UI-agnostic lib that represents spatial navigation.”

React Horizontal Scrolling Menu 7.0 — A customizable horizontal scrolling menu component that’s responsive and can support numerous control approaches via scrollbars, touch, mouse wheel, etc. There are plenty of Storybook examples.

Using ReactToPrint to Generate a Printable Document — Use ReactToPrint to add a print feature to your React app while preserving your document’s neat, consistent appearance.

How to Build a ChatGPT-a-Like with Clerk and AWS Bedrock — A thorough walkthrough whose focus is on the UI rather than the LLM/AI stuff behind the scenes which is taken care of by Amazon’s Bedrock service. Clerk handles the auth, while Next.js forms the base of the app.

Deploying a React SPA and Python Backend Together on Azure — Last week, we saw how to roll out a full stack React app on Azure using Azure Functions, but what if you want something more traditional/monolithic like a Python-powered backend? Azure App Service can help with that.

Auth, Built for Devs by Devs — The best frontend language deserves the best auth service. Add MFA, SSO, biometrics and advanced threat detection with just a few clicks. Find out for yourself using our easy quickstart guide.