Create a React App WITHOUT Create React App

Publicado em: 17 Janeiro 2022
no canal de: WittCode

59,209

2.4k

👨🏻‍💻 I made DevPayHub for solo devs. Payments & users handled.
https://devpayhub.com

Create a React App from scratch without using create-react-app. Learn about webpack, babel, react, and react-dom.

📚 My Courses
https://www.udemy.com/user/wittcode/
💻 My Software
https://chromewebstore.google.com/sea...
👨‍💻 Download Code
https://wittcode.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

Nesta página do site você pode assistir ao vídeo on-line Create a React App WITHOUT Create React App duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário WittCode 17 Janeiro 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 59,209 vezes e gostou 2.4 mil espectadores. Boa visualização!

994