Webpack - TypeScript - React boilerplate from Scratch!

Veröffentlicht am: 07 November 2020
auf dem Kanal: Build with Rudy
2,261
55

In this video I explain step by step the process to build from scratch our webpack-typescript-react project to be able to start working on your frontend app in a comfortable way without spending too much time.

Summary:
[0:00]: Introduction
[0:50]: Installing dependencies
[3:50]: Creating directories and files
[5:00]: Filling out .babelrc
[6:45]: Filling out tsconfig.json
[8:40]: Filling out webpack configuration
[13:03]: Filling out source codes (index.html and index.tsx)
[14:44]: Adding script command 'npm run dev' to run our dev server
[16:30]: Final result

Packages needed:
webpack
webpack-cli
webpack-dev-server
html-webpack-plugin
babel-loader

@babel/core
@babel/preset-env
@babel/preset-react
@babel/preset-typescript

typescript
@types/react
@types/react-dom

react
react-dom

Source code: https://github.com/Cicko/boilerplates...

🌟🌟 Places you can find me 🌟🌟
🤓 LinkedIn:   / %f0%9f%8e%b9-rudolf-cicko-34b4119b  
🎥 YouTube:    / @buildwithrudy  
🧠 GitHub: https://github.com/Cicko
✍️ Medium:   / rudolfcicko2011  
🤔 StackOverflow: https://stackoverflow.com/users/90276...
💡 Twitter:   / rudolfcicko2  
📸 Instagram:   / rcicko_living  
👍 Facebook:   / codewithrudy  

Subscribe for new updates and Happy Coding!


Auf dieser Seite können Sie das Online-Video Webpack - TypeScript - React boilerplate from Scratch! mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Build with Rudy 07 November 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,261 Mal angesehen und es wurde von 55 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!