Rules to Better React

There are so many open-source platforms for making the front-end web application development easier, some people like Angular, some people like React.

Here are the best collection of resources for React.

The old standard way to start a React project, create-react-app is no longer actively supported by Facebook, and has been removed from the official developer documentation (https://react.dev/learn/start-a-new-react-project). Therefore, it is not the best choice for starting a client-side rendered React app.

Creating a Production Build of a React project is complicated, you need great tools.

When working with Node.js, choosing the right package manager can significantly impact your project's performance, consistency, and ease of use. While npm is the default, developers often seek alternatives like Yarn, Bun, or pnpm for various advantages. But which one should you use?

State management is complex and time-consuming. The redux pattern helps resolve this issue.

There are many example projects created by the React community.

While using a regular useEffect to run when a component is loaded to fetch data is super easy, it may result in unnecesary duplicate requests for data or unexpected errors when unmounting components. It is best to use a library that can provide hooks for fetching data, as not only does it solve the above issues, but also comes with useful features such as caching, background updates, and pre-fetching.

When developing Angular or React, there are lots of choices for code editors. The best experience by far is to use Visual Studio Code.

The whole React ecosystem improves every month. Tons of additional tools, libraries and components are released to simplify the developer’s job and minimize the required effort.