Create a React App from scratch without using createreactapp. Learn about webpack, babel, react, and reactdom.

‍ Download Code ‍
https://wittcode.com

Download My Chrome Extension
https://chromewebstore.google.com/det...

Compare Laptop Specs
https://laptopspectable.com

Rare Pokemon Cards ⚪
https://rarepokemoncards.com

90s Nostalgia
https://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 reactdom. What is reactdom?
5:46 Installing webpack. What is webpack?
6:16 Installing webpackcli. What is webpackcli?
6:46 Installing webpackdevserver. What is webpackdevserver?
7:14 Installing @babel/core. What is @babel/core?
7:42 Installing babelloader. What is babelloader?
8:34 Installing @babel/presetreact. What is @babel/presetreact?
9:21 Installing @babel/presetenv. What is @babel/presetenv?
9:51 Installing htmlwebpackplugin. What is htmlwebpackplugin?
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