A guide to creating a React app without create-react-app
If you’re a newbie willing out to implement React in your future projects leaving out the unnecessary stuff that comes packed with create-react-app, then I’m sure that this article will build you a concrete understanding to get started with React & Webpack altogether!

Most of the stuff we do in a React project created with create-react-app library is managed by the library itself. So, in short, everything we’re going to implement here is actually pre-implemented in the create-react-app library.

This is to make you understand how all that stuff works when added manually. I’ll be explaining the things as we go on implementing them.

Let’s get started

1. Initialize the NPM

Run npm init -y in the project folder named as, e.g. react-webpack-starter.

C:\Users\sapin\Desktop\react-webpack-starter>npm init -y

Wrote to C:\Users\sapin\Desktop\react-webpack-starter\package.json: {

“name”: “react-webpack-starter”,

“version”: “1.0.0”,

“description”: “”,

“main”: “index.js”,

“scripts”: {

“test”: “echo \”Error: no test specified\” && exit 1"

},

“keywords”: [],

“author”: “”,

“license”: “ISC”

}

After done, open the project folder in your code editor.
[]
['Front End Development', 'React', 'Web Development', 'Technology', 'Webpack']