#​325 — February 8, 2023

Read on the Web

Together with  logo
React Status

A Historical Reference of React Criticism — An intriguing stroll down memory lane at some of the criticisms levelled against React over the years (from 2014 on) from bundle sizes and being too client-side oriented to licensing problems and Facebook’s involvement.

Zach Leatherman

Modularizing React Applications with Established UI Patterns — The first part of a multi-part series. Learn how to apply established UI patterns for a more organized and maintainable codebase and discover the benefits of layering architecture in React development.

Juntao Qiu (MartinFowler․com)

Headless CMS with World-Class TypeScript Support — Kontent.ai is the leading platform for modular content. Streamline your code using TypeScript SDK, CLI, Rich text resolver, and strongly typed model generator. Scale with no problems when your project grows. Have you seen our UI?

Kontent.ai sponsor

Effective Higher-Order Components — For many React developers, higher-order components (HOCs) are a thing of the past and have been replaced by hook-based approaches. Nonetheless, Slava thinks there are still compelling use cases for them.

Slava Knyazev

Understanding Next.js App Directory Architecture — A detailed overview of the new (and still technically experimental) app directory and how it is used to enable React Server Components.

Atila Fassina

IN BRIEF:

Resumable React: How To Use React Inside Qwik — Building React apps without ever loading React in the user’s browser? “Sounds too good to be true? Let’s see how this works.”

Yoav Ganbar

Detecting Nested Components in React with the Context API — Use React Context to detect if a component is nested within another instance of itself, which can be useful for DOM validation.

Aleksandr Hovhannisyan

Building a Blog with Next.js, AdminJS, and ReactAdminJS is a popular open source administration panel/UI for Node.js.

Adam Frydrych

React Authentication, Simplified

Userfront sponsor

▶  Using Svelte Inside a React App
Jack Herrington

▶  Andrew Clark on the Creation of Redux(7 minutes.)
Honeypot

▶  How to Use AntD's Datepicker with React Hook Form
Vlad Nicula

🛠 Code and Tools

Material React Table: A Full-Featured React Table Component — It’s built upon Material UI 5 and TanStack Table 8. The docs include lots of interactive examples you can view here. It has one of the most thorough feature comparison charts (versus Material table and Material UI X) we’ve seen too.

Kevin Van Cott

Try Stream’s Free Trial of SDKs for In-App Chat

Stream sponsor

Jobs

Software Engineer — Join our happy team. Stimulus is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness.
Stimulus

Find React Jobs with Hired — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now.
Hired