Vite js bundler : Build fast modern Webapp ( 2023 )

سرفصل های دوره

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

1. Introduction

1. Introduction

2. How to follow the course

3. Installing software and download source code IMPORTANT

4. Building our first Vite application

5. ESM and CommonJS modules

6. ESM modules in Browser

7. Explore the Vite build

8. How is Vite fast and different from others

2. Vite Basics with HTML CSS JS

1. Section Introduction ( Building with Vite )

2. Netflix base project

3. Adding Vite to Netflix project

4. Fixing our dashboard page

5. Fixing image loading issue

6. Importing scripts and CSS

7. CSS modules

8. SASS with Vite

9. Adding public assets

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

1. Section introduction ( SPA and UI Library )

2. Starting React app with Vite template

3. Setting up React app from scratch

4. Adding Vite builder

5. Using SVG as React component

6. UI library introduction setup

7. Importing UI library into React app

8. Inject CSS into JS build

9. Images inside JS build

10. Vite bundle visualizer , Treeshaking

11. Creating Treeshakable library

12. Tailwind CSS config for Vite

13. Eslint with Vite and React

14. Vite alias path

4. Production Optimizations and Deployment

1. Production & Deployment Section Introduction

2. PostCSS Autoprefixer

3. Vite base path config

4. Cache control in Vite

5. Manual Chunks

6. Migrating Create React App to Vite

7. Deploying to Netlify

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy