Webpack for ReactJS with TypeScript 2023

Veröffentlicht am: 19 August 2023
auf dem Kanal: Ventsislav Ivanov

186

This is a step by step tutorial on how to start and configure a new project based on Webpack for ReactJS using TypeScript. We're also going to integrate libraries and packages like Jest, SCSS, ESLint and Prettier so that the project is prepared for scalability. Wre also going to explore different approaches on how to optimize the resulting "build".

GitHub repo, search for: veniva/webpack-react-ts

We're going to cover the following topicks:

Timestamps:
00:00 - Intro
03:42 - Initial setup
05:36 - Install Webpack
06:48 - Setup the testing infrastructure
12:21 - Initial project structure
13:58 - Create a tscofig.json
18:46 - Setup webpack.config.js
35:47 - Configure Hot Module Replacement (HMR) for ReactJS
49:34 - Add Prettier
54:06 - Add ESLint
01:06:30 - Add SCSS
01:17:58 - Asset Management
01:25:26 - Copy static content
01:33:01 - Clean the "dist" folder
01:37:49 - Optimize the build
01:49:53 - Configure source maps
01:56:39 - Add automated test
02:02:19 - Conclusion

Auf dieser Seite können Sie das Online-Video Webpack for ReactJS with TypeScript 2023 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Ventsislav Ivanov 19 August 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 186 Mal angesehen und es wurde von 5 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

11,731

160