Setting Up a React Workflow

This chapter focuses on the React library and discusses the important topics and features that you should be aware of so that you can create a very simple React app, really just a frontend. In this chapter, you will learn about the main features and the most salient concepts of React.

You will begin with the prerequisites and tools, such as Node.js, some Visual Studio Code extensions, and more. You will also learn how to use the new standard and recommended build tool called Vite. Compared to Create React App, Vite is more efficient and allows for fast hot module replacement (HMR) and on-demand file serving, without the need for bundling. Bundling is the process of combining and joining multiple JavaScript files into a single file, reducing the number of HTTP requests needed to load the page. HMR, on the other hand, allows for the updating of single modules while the application is running, in real time.

You will design a simple application with a...