React Newsletter #383

React.gg giveaway, A11y-Driven Development, and 50 shades of rendering with Next.js


🕹️ react.gg is now live (+ launch sale)

As some of you know, we've spent the last ~15 months building out react.gg – our take on a modern, interactive React course. We're happy to announce that it just went live and is now available for purchase.

To celebrate, we’ll be running a discount through launch week – making the course the cheapest it will ever be.

Along with the launch discount, if you buy the course before midnight tonight, we’ll also send you a free ui.dev t-shirt of your choice (and pay the shipping costs ourselves).

If the early course reviews are any indication, we think you'll really love it.

You can reply to this email if you have any questions.


Today's Sponsor

Convex lets you build a powerful backend with TypeScript

Their full cloud backend feels like a modern, more powerful version of Firebase. It comes with a realtime relational DB, first-class React support, and easy-to-use server functions, so you can use your frontend skills to build a powerful backend. Try it out free.


Articles

Challenging Established Norms: Making Component Fetching the Exception

In this article, Jenna Smith writes about why her stance has shifted away from querying data within components and how her new approach has led to improvements in overall architecture.

A11y-Driven Development

In this article, Andrew Webb writes about how, "Components are one of the most common tools for a frontend engineer to encapsulate and break down complexity. The idea here is to build components in terms of accessibility; especially in those of aria roles and the accessibility tree." He then goes on to walk through an example of this with a simple React application.

useMemo overdose

In this article, Edvins Antonovs writes about some of the pitfalls that can come from overusing the useMemo hook, and how you can know when to use it and when not to use it.

Understanding how React handles input state: A deep dive

Abhinav Anshul gives a mostly beginner-friendly breakdown of how React manages input states and explores various strategies for handling state changes. They also cover how React leverages the concept of controlled and uncontrolled components to improve React app performance and reduce re-rendering.


Jobs

Frontend Engineering Manager (USA Only)

Close.com is looking for an experienced full-time Frontend Engineering Manager to join our engineering team and build & lead the 3rd Frontend team. Close is a 100% globally distributed team of 90 happy people, dedicated to building a product our customers love.


Projects

Astro Studio

Last week, Astro announced that they will be launching "a globally-distributed edge data platform, built for Astro" in 2024. The announcement says that this is "not a web hosting company and not a CMS." Stay tuned.

react-statechart

A set of React components for visualizing and editing statecharts (hierarchical state machines).

Meet New Relic Grok, the first GenAI assistant for observability

New Relic Grok, the first GenAI assistant, is in preview! It leverages OpenAI’s large language models (LLMs) so that any engineer can use everyday language and a familiar interface to ask questions and get insights, without prior observability experience. Learn more. [sponsored]

React Native Template Obytes

An opinionated starter template for a new React Native project that includes Expo, pnpm, TypeScript, Tailwind CSS, Husky, EAS, React Query, react-hook-form, and more.


Videos

50 shades of React rendering with Next.js

In this 30-minute talk at SeattleJS Conf, Ben Ilegbodu explores all the different ways we can render our React apps (CSR, SSG, SSR, and ISR), and discusses which methods we should choose for pages in our Next.js apps.

Improve your data fetching with React Query

In this 25-minute breakout session at RenderATL, Danny Thompson discusses how to use React Query successfully and how to know when to use it.

made with ❤️ by ui.dev