Want to build your web application in React? Check SSW's React consulting page.
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.
The Single Responsibility Principle is a well understood, and well-accepted tenet of good code design. It states that a class should do one thing, and do it well - The same applies to Components used with Frameworks such as Angular, React, Vue and Blazor.
When designing components, keep them small, modular and reusable. For example, if you have a menu, put it into a menu component, don’t put it in your app component.
The main contenders for the best UI framework for React are:
Typescript is the best choice when writing Angular and React applications. Angular is even written in Typescript itself!
One of the main problems working on a huge monorepo solution is usually the development experience and the build time. Nx is one of many tools that can improve this experience in JavaScript projects.
React Hooks streamline state management and lifecycle processes in functional components, resulting in cleaner, more performant code. These are the most common and useful hooks that you should use in your React project: