Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
craco
Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
-
react-refresh-webpack-plugin
A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
I mean the nitty-gritty parts. Like this, for example - it looks to me like they're re-implementing downleveling a promise but that's not the case.
The RFC, which explains what these are without a video: https://github.com/reactjs/rfcs/blob/bf51f8755ddb38d92e23ad4...
create-react-app is really slow to release updates. People have different opinions about it, but I believe hot reloading is essential for working effectively, especially as the size of your codebase increases. Here's the timeline for using the new fast refresh method with Webpack:
The hidden webpack configuration is my second biggest gripe. It would be fairly simple to support custom configs natively, but it was never implemented, so craco and other stuff is out there now. Using such meta-tools in the toolchain seems heavy handed and risky. For example, if you want to move to Deno, now you're stuck if the JS in all of those dependencies is not portable to a non-Node platform.
December 2019: @pmmmwh/react-refresh-webpack-plugin (fast Refresh for React+Webpack initial release)
Related posts
- Mastering React Interview: Top Common Questions and Best Practices
- Installing React 18
- A detailed guide on how to implement Server-side Rendering (SSR) in a NextJs Application
- Client-side and Server-side Rendering: An Overview
- Create Mini-Apps That Wow: How to build Sleek and Fast mobile apps using any JS Frameworks and Ionic Portals