React Newsletter #319

Remix routing in Angular, Converting a React component to SolidJS, and a new framework for building browser extensions


This week's issue is sponsored by PostHog.

PostHog is the open-source product analytics suite you can self-host. Heatmaps, Recordings, Funnels, Experimentation and more — all in a single platform that is seamlessly integrated. PostHog has everything product-led teams need in one place!

Check it out (for free).


Articles

Remix-ing Routing in Angular

The Remix team has recently talked about bringing Remix routing to other frameworks. In this article, Brandon Roberts walks through the steps he took to get Remix Routing working with Angular and shares why he's excited for the future of a framework-agnostic Remix.

Converting a React Component to SolidJS

Matti Bar-Zeev writes about the process of converting a React component to SolidJS and why he likes the simplicity of Solid compared to the growing complexity of React.

10 Surprising Things You Didn't Know About HTTP

It's easy to take HTTP for granted without really understanding what it is. In this article, Alex Anderson shares 10 things that'll help improve your understanding of HTTP and the web.


Tutorials

The Complete Guide to Building a React Form in 2022

A good form can be a thing of beauty - and the beauty's all in the details. This tutorial walks through everything you need to know about designing & building sleek, user-friendly and accessible forms. [sponsored]

How to Build a Code Editor with React that Compiles and Executes in 40+ Languages

Manu Arora walks you through how to build a functional code editor that can compile code on a web app with React, Tailwind CSS, Judge0, and more.


Projects

Plasmo

A new framework for building browser extensions that's based on React and describes itself as "Next.js for browser extensions." Created by Stefan Aleksic and Louis N..

Million

Yet another virtual DOM library, but faster and more lightweight than React. It differentiates itself from other lightweight alternatives like Preact by "leveraging compilation to make a quantum leap in improving bundle size and render speed" with a compiler that's similar to Svelte. Created by Aiden Bai. Check out the StackBlitz to see it in action.

TanStack goes framework-agnostic

TanStack (the collection of open-source libraries created by Tanner Linsley that includes React Query, React Table and React Virtual) has gone from being purely React-focused to supporting other popular frameworks like Vue, Solid, and Svelte.

Glide Data Grid

An "outrageously fast" data grid for your React project with rich rendering, first-class accessibility, and full TypeScript support. They just released v4.1 with a few cool new features.

Formation

A collection of 20+ customizable, WCAG 2.0-friendly componenents for React, Next, Gatsby, and Remix.


Jobs

Senior or Staff Front-end Engineer - React (100% Remote)

Close.com is looking for 3 experienced individuals that have a solid understanding of React and want to help design, implement and launch major user-facing features. Close is a 100% globally distributed team of ~55 high-performing, happy people that are dedicated to building a product our customers love.


Videos

Remix Conf 2022

All of the talks from last month's first-ever Remix Conf, including speakers like Michael Jackson, Ryan Dahl, Shaundai Person, and many more.

Redwood in 100 Seconds

This Fireship video gives a helpful, quick intro to RedwoodJS -- the fullstack, opinionated JavaScript that combines React, GraphQL and Prisma into one package.

made with ❤️ by ui.dev