Vite js bundler : Build fast modern Webapp ( 2023 )

Focused View

Gaurav Soni

3:46:31

38 View

1. Introduction

1. Introduction.mp4

08:27

2. How to follow the course.mp4

01:59

3. Installing software and download source code IMPORTANT.mp4

02:20

4. Building our first Vite application.mp4

05:32

5. ESM and CommonJS modules.mp4

09:54

6. ESM modules in Browser.mp4

02:47

7. Explore the Vite build.mp4

06:16

8. How is Vite fast and different from others .mp4

05:32

2. Vite Basics with HTML CSS JS

1. Section Introduction ( Building with Vite ).mp4

02:23

2. Netflix base project.mp4

05:47

3. Adding Vite to Netflix project.mp4

05:28

4. Fixing our dashboard page.mp4

07:58

5. Fixing image loading issue.mp4

05:37

6. Importing scripts and CSS.mp4

09:18

7. CSS modules.mp4

08:43

8. SASS with Vite.mp4

04:15

9. Adding public assets.mp4

03:23

3. Vite build for Single page app and Build UI Library

1. Section introduction ( SPA and UI Library ).mp4

01:28

2. Starting React app with Vite template.mp4

02:59

3. Setting up React app from scratch.mp4

10:37

4. Adding Vite builder.mp4

03:57

5. Using SVG as React component.mp4

06:59

6. UI library introduction setup.mp4

09:25

7. Importing UI library into React app.mp4

08:57

8. Inject CSS into JS build.mp4

04:20

9. Images inside JS build.mp4

01:55

10. Vite bundle visualizer , Treeshaking.mp4

07:45

11. Creating Treeshakable library.mp4

12:26

12. Tailwind CSS config for Vite.mp4

08:03

13. Eslint with Vite and React.mp4

06:26

14. Vite alias path.mp4

07:17

4. Production Optimizations and Deployment

1. Production & Deployment Section Introduction.mp4

01:16

2. PostCSS Autoprefixer.mp4

09:04

3. Vite base path config.mp4

03:18

4. Cache control in Vite.mp4

06:30

5. Manual Chunks.mp4

04:33

6. Migrating Create React App to Vite.mp4

11:41

7. Deploying to Netlify.mp4

01:56

Description

Build modern and fast webapps using Vite. Learn advanced concepts of tree-shaking, bundle visualizer , plugins and more.

What You'll Learn?

Build Modern applications with Vite
Setting up configurations for React and VueJS apps
Deploying applications build with Vite
Configuring Vite for creating UI Library

Who is this for?

Software Developers

Frontend developers

Fullstack developers

Devops engineers

What You Need to Know?

Follow along on your computer with the instructions mentioned in the videos

More details

Description
Build Modern WebApps using Vite JSÂ Bundler, from scratch to production.

As the web applications get more complex over time, we also need to review and optimize the tools we use for bundling and deploying these applications. Vite, developed by the developers of VueJS is a bundler for modern applications.

In this course, we not only cover the theoretical concepts but also get very hands-on experience on how to integrate Vite into our software development pipeline. We will start right from the basics such as ESÂ Modules and CommonJSÂ modules and slowly progress to more advanced concepts such as Treeshaking to truly optimize our application for production use.

We will also see how to take a React application that was created using the traditional approach of Create React App and migrate it to a modern approach using Vite. This will save time for all the developers are it exponentially increases the build time and reduces the complexity.

I have tried my best to structure this course in the easiest way to follow and will have all the resources available to download on GitHub and attached to this course.
You can always ask me questions in the Q&A sections in case you face problems, I shall be happy to answer.
This course does not require any knowledge of Bundlers and will be beneficial to all developers making any type of website whether it's using core HTML CSS or using frameworks and libraries such as React and Vue.

Good luck and happy learning!
Who this course is for:
Software Developers
Frontend developers
Fullstack developers
Devops engineers

User Reviews

Rating

average 0

Total votes0

Focused display

Web App Development

Gaurav Soni

Instructor's Courses

I am a software developer and a business consultant. Having worked on softwares from scratch to production have provided me with end-to-end knowledge softwares. As a business consultant I have met managers and CEO of various companies, thus I understand the various problems businesses face, and the ways to resolve them.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.