Higher order components aren’t over yet
#325 — February 8, 2023
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:
If you need reassuring, here’s why React isn’t ‘dying’.
The updates from the latest TC39 meeting show off some features coming to a language near you soon..
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 React — AdminJS 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
React-Custom-Scroll 5.0
↳ Customize the browser scroll bar. (Demo.)
react-jsonschema-form 5.1
↳ Component to build Web forms from JSON Schema.
Try Stream’s Free Trial of SDKs for In-App Chat
Stream sponsor
Nextra 2.0
↳ Next.js static site generator.
React Virtuoso 4.1
↳ Powerful virtual list component.
Tremor 1.7
↳ React library to build dashboards quickly.
Metro 0.75
↳ The JS bundler for React Native.
Preact 10.12
↳ Compact React alternative with compatible API.
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
