React Newsletter #392

Simplifying React state management, How to think about security in Next.js, and Simplifying server components


Today's issue is sponsored by PostHog

Product for Engineers is PostHog’s newsletter dedicated to helping engineers improve their product skills. Subscribe for free to get curated advice on building great products, lessons (and mistakes) from building PostHog, deep dives on top startups, and very cute hedgehog illustrations. [sponsored]


Articles

re-re-reselect — Simplifying React state management

In this in-depth article, the Causal team writes about how and why they built their own framework for composing frontend stores to significantly improve the developer experience of their React app. It explains the problem they set out to solve, describes their solution, and looks under the hood at how they've optimized it to be better than useSelector.

Headless Component: a pattern for composing React UIs

Juntao Qiu wrote this in-depth article about the benefits of building headless components that extract all non-visual logic and state management, separating the brain of a component from its looks.

How to Think About Security in Next.js

Sebastian Markbåge wrote this article highlighting some of the new security paradigms that come with RSC in the Next.js App Router. It shares a few areas to look out for, what protections are built-in, and includes a guide for auditing applications.

Web Animation for Your React App: Framer Motion vs GSAP

In this article, James Amoo and Tomas Fernandez write about the benefits and drawbacks of Framer Motion and GSAP, their key differences, how to set them up in your project, best practices, and the how to pick the best animation library for your React project.

Gen AI fireside chat – Leveraging email and calendar data, the uncharted goldmine for LLMs

On Nov. 15th, Nylas SVP of Engineering, Troy Allen, and Granica CEO/co-founder, Rahul Ponnala, will be hosting a free fireside chat on how teams can leverage calendar and email data to train LLMs. They'll walk you through navigating the challenges of securely accessing and scrubbing this data for long-term success. And if you want to dig deeper, you can check out Nylas’ Developer's Guide to Generative AI that’s based on data collected from over 1,000 developers. [sponsored]

How to Dockerize a React App and Deploy It Easily

In this quick guide, Victor Garcia walks you through each step of how to dockerize a React application and deploy it using Docker, Nginx, and Docker Compose.

Building the most ambitious sites on the web with Vercel and Next.js 14

ICYMI, this is a good wrap-up of all the most impactful announcements from last month's Next.js Conf.


Jobs

Senior or Staff Front-end Engineer

Close.com is looking for an experienced React developer to help design and implement major user-facing features. Close is a 100% globally distributed team of ~85 happy people, dedicated to building a product our customers love.


Projects

New Hydrogen release

Hydrogen is a set of opinionated components, utilities, and tools that represent Shopify’s best practices for building custom storefronts on the web. This new release comes with Remix v2 support, better default caching, and codegen for TS and JS.


Videos

Simplifying Server Components

Mark Dalgleish gave this great talk at React Advanced Conf that will help you understand what's going on under the hood with server components and the line between React and the meta-frameworks built on top of it.

made with ❤️ by ui.dev