~reactstatus | Bookmarks (138)

Rockpack 4.4: An Alternative React App Builder — Akin to Create React App of yesteryear, the goal is to get project setup time as low as possible, but Rockpack holds different opinions around how far to take things and packs in a lot of ideas including server side rendering, linting (now with ESLint 9 support), and testing.

Introducing Belt: A New Tool for Starting React Native Apps — A CLI tool for starting a new React Native app that takes various mundane decisions away from you and uses tooling and conventions established by a productive app development team.

Goxygen: Quickly Generate a Go Backend for a JS Project — A tool that sets up a new Go-based project with Angular, React, or Vue in the front-end, and Docker and Docker Compose files to make it all work.

Redwood v8.0 Released — A long standing, opinionated React & GraphQL (and/or RSC) full-stack framework that covers all the bases for professional dev teams with best-in-class tool support. v8.0 introduces a background jobs system, Docker support, and easier SSR and RSC setup. If you're unfamiliar with Redwood, you can learn more about its future here.

How to Use React Compiler — The compiler feature in React 19 is generating a lot of buzz — this “complete guide”, as described by this author, covers much of what you'll need to get started.

Why Build-Time Components Are a Leap Forward for Content Sites — Zeno Rocha, of Resend, says that “this is simply the best explanation of how to compile Markdown in React apps.” High praise indeed.

Component Testing in Storybook — Storybook’s lead manager says that “after seeing the same patterns again and again, we are betting on Component Testing as the future of UI testing” and sets out to show us why he thinks they’re the perfect complement to end-to-end and unit tests.

Framer Motion: Fluid Animations & Motion in React — A long-popular, open source motion library for React, made by Framer. As of this week’s v11.4 release, there’s support for React Server Components, including new entrypoints for motion and m components.

Typist 7.0: Tiptap-Based Rich Text Editor Component — Simple and opinionated. You can try several examples in the sidebar. Well suited for basic rich text situations like writing comments or messages and has a single-line mode.

React Email 3.0: New Components for Rendering Emails — React Email is a suite of unstyled components for creating emails using React and TypeScript. v3.0 is a huge update, now with 54 components, support for React 19, and huge build time improvements.

uikit 0.5: Build 3D UIs in React-Three-Fiber Apps — Ideal for games, XR (VR/AR), and web-based spatial-style apps. GitHub repo.

Snaptail: One File React Apps — If you’re still feeling a little overwhelmed by React, here’s how to build an app by manipulating just one file.

Material UI v6: The Popular React UI Design/Component System — At almost exactly ten years old, the MUI design system has its latest major release. The enhancements are more evolutionary than revolutionary though, with a focus on improved theming, color scheme management, container query support, and React 19 support. There are also some revamped templates to help you get started.

Implementing a React-a-Like from Scratch — While it's unlikely you'll actually want to do this, at least thinking about it can prove instructive as to what’s going on in React’s engine room.

Front-End System Design — Learn to create scalable, efficient user interfaces in this extensive video course by Evgennii Ray. Explore the box model, browser rendering, DOM manipulation, state management, performance and much more.

The Interface Segregation Principle in React — Alex looks at one of the famed SOLID object orientation principles and how it can apply to React.

▶  21 Talks from Chain React 2024 — Chain React was a React Native conference that took place last month in Portland, Oregon. Catch up with what went on in this playlist, including building React Native apps for TVs, how to optimize React Native performance, or Jack Herrington showing off how to build a local-first semantic search system inside a React Native app.

How to Build a Bluetooth Low Energy-Powered Expo App — Bluetooth Low Energy is aimed at use cases like healthcare, fitness, beacons, security and home entertainment. Here’s one way to get started.

▶  Simplified React Web-to-Native Migration with 'use dom' — Web-to-native migration can seemingly never be made simple enough, which is where Expo’s new, experimental use dom directive comes in.

Code Hike 1.0: Turn Markdown into Rich Interactive Experiences — Aimed at use cases like code walkthroughs and interactive docs, Code Hike bridges the gap between Markdown and React when creating technical content that takes full advantage of the modern web.

React Cosmos v6.2: A Sandbox for Developing and Testing UI Components — Built upon a project first showcased at ReactEurope 2015, Cosmos is a long standing and ‘slowly matured’ tool for prototyping React components in an isolated manner.

The Official Redux Essentials Tutorial, Redux — The long standing guide to how to use the popular Redux state container the right way with best practices has undergone a big reworking with TypeScript used throughout, new concepts added, and more coverage of RTK/React Toolkit features.

Volta 2.0: Install and Run JavaScript Tools Quickly — A long-standing Rust powered tool for installing and switching JavaScript related tools (like Node, TypeScript, Yarn, etc.) … “no matter the package manager, Node runtime, or OS.” GitHub repo.

The Art of Dithering and Retro Shading for the Web — A lot of time spent building a striking effect for the Web has turned into an equally fantastic deep dive on the concepts around rendering graphical effects using shaders in React Three Fiber.