There are a good number of starter kits available for creating React projects. Starter kits are useful, but most of them are black boxes, they improve productivity once the developers have an understanding of how they work. For large scale applications, we want to create the application from scratch and want full control over it. The goal of this blog post is to explain how to create minimal React project using Webpack and Babel from scratch step by step. Step 1: Create project folder, and package.json file in the folder Step 2: Install React and React DOM packages Step 3: Install Webpack, Webpack CLI and Webpack Dev Server Step 4: Install Babel The @babel/core is the babel compiler. The babel-loader is the webpack plugin for babel. The @babel/preset-env is the Babel preset for converting ES6, ES7 and ES8 code to ES5. The @babel/preset-react is the Babel preset for all React plugins. We have all the required npm packages, let’s write some code. First, we need to create Babel configuration in .babelrc file to tell Babel how to transpile our ES6, ES7, ES8 and JSX code. Step 5: Create Babel configuration file .babelrc .babelrc Add the following configuration to .babelrc file. Step 5: Create Webpack configuration file webpack.config.js Step 6: Add the below configuration to webpack.config.js file webpack.config.js Step 7: Let’s write a hello world React component src/helloworld.js Step 8: Let’s display the <HelloWorld /> React component on the page using react-dom render() method src/app.js Step 9: Let’s create index.html page to render our react application index.html Step 10: Let’s update scripts section in package.json file to run our application using webpack dev server Go to project folder in terminal run npm start command, this will start webpack dev server, opens the browser and display the result of <HelloWorld /> component....