Build A Frontend Application With ReactJS

Set up a new React project by running the initialization command in a dedicated directory, name the application with only lowercase letters, and complete the installation of dependencies.

Explore the React app folder structure, including public and src, with a main component rendered by index.js. Start the app with npm start to run on port 3000.

Learn to build a React app with a modular component structure by creating header, product, and home components, wiring imports, and styling with flexbox and navigation links.

Build a React frontend products page by creating a dummy products array, mapping over it with components, and rendering a reusable product card showing name, image, price, description, and quantity.

Fetch products from a database using fetch() in a ReactJS app, leveraging useEffect and useState to perform asynchronous requests to a backend server and render the data.

Create robust routing in a React app by wrapping routes in a switch, configuring default and exact paths for home and products, and using header links to navigate without refreshing.

Create an add product form with material components, capture name, description, price, quantity, image, and featured, manage state with a single form object, and submit via post to the backend.

Create a product detail component and route that fetches a product by id from the url, using the product's MongoDB _id, and display its details.

Explore update forms and delete operations in a ReactJS frontend by building dynamic inputs for name, description, price, and image, and sending patch and delete requests.