Create a React App from scratch without using create-react-app. Learn about webpack, babel, react, and react-dom. 👩‍💻 Download Code 👨‍💻 https://wittcode.com/ 🛜 Download My Chrome Extension 🛜 https://chromewebstore.google.com/detail/wittcepter/almcnacncageamimacljglnjcpjfogbj 💻 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 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