Create a React App WITHOUT Create React App 

Create a React App from scratch without using create-react-app. Learn about webpack, babel, react, and react-dom.
👩‍💻 Download Code 👨‍💻
wittcode.com
🛜 Download My Chrome Extension 🛜
chromewebstore.google.com/det...
💻 Compare Laptop Specs 💻
laptopspectable.com
🔴 Rare Pokemon Cards ⚪️
rarepokemoncards.com
👻 90s Nostalgia 👻
goosebumpsforsale.com
⌛Timestamps⌛
0:00 - Introduction
0:12 - What is Create React App?
0:48 - Why not use Create React App?
1:15 - What do we need to Create a React Application?
2:13 - What is a Transpiler? Why do we need one?
2:49 - What is a Module Bundler? Why do we need one?
3:18 - What Transpiler will we be using? What is Babel?
3:40 - What Module Bundler will we be using? What is webpack?
4:14 - Initializing Project as an NPM Project
4:54 - Installing React
5:06 - Installing react-dom. What is react-dom?
5:46 - Installing webpack. What is webpack?
6:16 - Installing webpack-cli. What is webpack-cli?
6:46 - Installing webpack-dev-server. What is webpack-dev-server?
7:14 - Installing @babel/core. What is @babel/core?
7:42 - Installing babel-loader. What is babel-loader?
8:34 - Installing @babel/preset-react. What is @babel/preset-react?
9:21 - Installing @babel/preset-env. What is @babel/preset-env?
9:51 - Installing html-webpack-plugin. What is html-webpack-plugin?
10:19 - What our package.json File should look like
10:33 - Creating our webpack Configuration File
11:21 - Telling webpack the Entry Point of our Application
12:19 - Creating our Entry Point File
13:36 - Creating a React Component
15:08 - Telling webpack where to Place our Production Build
16:42 - Telling webpack where to Place our Bundled Files
18:17 - Configuring our webpack Loaders
20:55 - Creating a npm start Script
22:45 - Debugging
23:11 - Demonstrating our Development Environment
23:48 - Creating a npm run build Script
24:39 - Demonstrating our Production Build
25:47 - Outro