How To Create A React App With React 18, Webpack 5, And Babel (2023 Update)

Create a React App from Scratch without any framework involved!

In this video you'll learn how to create a React application with React 18, Webpack 5 and Babel. Without any framework! The simplest way to kickstart a new React project in 2023 when you don't want to rely on too many external dependencies.

Table of contents:
00:00 Introduction
01:02 Set up a JS workspace with npm
01:47 Webpack 5 installation & set up
04:51 Compile JS with Webpack
07:50 Install React
08:54 Install Babel to render React
09:29 Configure Webpack & Babel
12:57 Create a React component
15:00 ReactDOM and root component
17:35 Use HTML Webpack plugin
19:40 Compile React for the browser

➡️ Read the blog post here hackteam.io/blog/create-react-project-from-scratch…

📚 This video is an excerpt of the livestream of React Projects Chapter 1 (   • 🔴 Build a React Project from Scratch (no f...  )

Learn more? Subscribe to my YouTube channel (‪@gethackteam‬ ) where I will be live streaming every chapter from React Projects. Every livestream will handle a more complex topic. Or get the book React Projects packt.link/ReactProjects and start learning TODAY.

- -

Subscribe to this channel to learn everything about web development. This example was taken from my book React Projects, which is available on
Amazon amzn.to/3GJSy8b
Packt packt.link/ReactProjects

Follow @gethackteam on Twitter twitter.com/gethackteam