Next generation frontend tooling with ViteJS - Open Source Friday
Watch Evan You (creator of Vue) and @bdougie share a new breed of frontend build tool that significantly improves the frontend development experience. It consists of two major parts:
A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).
A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
In addition, Vite is highly extensible via its Plugin API and JavaScript API with full typing support.
0:00 - Start
1:21 - What is Vite?
4:54 - Why is Vite needed at this time?
6:38 - Vite getting started (demo)
13:25 - Index.html as the entry point and the module graph
23:47 - Vite compared to the vue-cli
23:28 - Is Vite extendable to other frameworks?
27:01 - Tailwind CSS + Vite setup
35:44 - Vite + React (JSX) setup
41:26 - ESBuild + vite --force explanation
47:44 - DX experience
52:16 - Server Side Rendering with Vite
1:09:55 - chat.vitejs.dev
Join @bdougie and friends live for Open Source Fridays at https://www.meetup.com/GitHub-Virtual-Meetup/
As always, feel free to leave us a comment below and don't forget to subscribe: http://bit.ly/subgithub
Thanks!
Connect with us.
Facebook: http://fb.com/github
Twitter: http://twitter.com/github
LinkedIn: http://linkedin.com/company/github
About GitHub
GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Millions of people use GitHub to build amazing things together. For more info, go to http://github.com
Видео Next generation frontend tooling with ViteJS - Open Source Friday канала GitHub
A dev server that serves your source files over native ES modules, with rich built-in features and astonishingly fast Hot Module Replacement (HMR).
A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
In addition, Vite is highly extensible via its Plugin API and JavaScript API with full typing support.
0:00 - Start
1:21 - What is Vite?
4:54 - Why is Vite needed at this time?
6:38 - Vite getting started (demo)
13:25 - Index.html as the entry point and the module graph
23:47 - Vite compared to the vue-cli
23:28 - Is Vite extendable to other frameworks?
27:01 - Tailwind CSS + Vite setup
35:44 - Vite + React (JSX) setup
41:26 - ESBuild + vite --force explanation
47:44 - DX experience
52:16 - Server Side Rendering with Vite
1:09:55 - chat.vitejs.dev
Join @bdougie and friends live for Open Source Fridays at https://www.meetup.com/GitHub-Virtual-Meetup/
As always, feel free to leave us a comment below and don't forget to subscribe: http://bit.ly/subgithub
Thanks!
Connect with us.
Facebook: http://fb.com/github
Twitter: http://twitter.com/github
LinkedIn: http://linkedin.com/company/github
About GitHub
GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Millions of people use GitHub to build amazing things together. For more info, go to http://github.com
Видео Next generation frontend tooling with ViteJS - Open Source Friday канала GitHub
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Learn Vite with Evan You](https://i.ytimg.com/vi/DkGV5F4XnfQ/default.jpg)
![Vite 2.0 Crash Course | Super Fast Build Tool for JavaScript, React, Vue, Svelte, & Lit (2021)](https://i.ytimg.com/vi/LQQ3CR2JTX8/default.jpg)
![I built the same app 10 times // Which JS Framework is best?](https://i.ytimg.com/vi/cuHDQhDhvPE/default.jpg)
![Let's Learn esbuild! (with Sunil Pai) — Learn With Jason](https://i.ytimg.com/vi/KLdF1yu_bmI/default.jpg)
![SVG CAN DO THAT?!](https://i.ytimg.com/vi/dv2TvTXQ4FQ/default.jpg)
![Turborepo Demo and Walkthrough (High-Performance Monorepos)](https://i.ytimg.com/vi/YX5yoApjI3M/default.jpg)
![Vite and VitePress - Evan You](https://i.ytimg.com/vi/xXrhg26VCSc/default.jpg)
![](https://i.ytimg.com/vi/Lrgh5ETK7MM/default.jpg)
![Vue.js: The Documentary](https://i.ytimg.com/vi/OrxmtDw4pVI/default.jpg)
![Design Principles of Vue 3.0 by Evan You](https://i.ytimg.com/vi/WLpLYhnGqPA/default.jpg)
![JAMstack Course - Build websites that are simpler, faster, and more secure](https://i.ytimg.com/vi/A_l0qrPUJds/default.jpg)
![A Vite Demo | Evan You](https://i.ytimg.com/vi/Pgsges6rw0o/default.jpg)
![Vue 3: Reactivity Made Easy (ref, reactive, toRefs... oh my!)](https://i.ytimg.com/vi/sAj6tdVS2cA/default.jpg)
![Why Are People Obsessed With ESBuild?](https://i.ytimg.com/vi/9XS_RA6zyyU/default.jpg)
![Evan You - Vue, Vite](https://i.ytimg.com/vi/ycuYlzuBqcA/default.jpg)
![What Is ViteJS?](https://i.ytimg.com/vi/ZlmFUpOT07U/default.jpg)
![Why We Switched from Webpack to Vite](https://i.ytimg.com/vi/KuhpEe3i2qQ/default.jpg)
![Vite 2021 // with TypeScript and React vs. Webpack](https://i.ytimg.com/vi/qTHmFz7mcKc/default.jpg)
![Which Is Better? Vue CLI or Vite? Options API vs Composition API? My Vue Recommendations...](https://i.ytimg.com/vi/9egKxXu499I/default.jpg)
![Deno Deploy: Crazy Fast Cloud Functions - Architecture Speedun](https://i.ytimg.com/vi/yZDvE0mP4Y4/default.jpg)