#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:
|
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
|
▶ Andrew Clark on the Creation of Redux — (7 minutes.)
|
▶ How to Use AntD's Datepicker with React Hook Form
|
🛠 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 |
|
|