Don't learn Webpack in 2023: A dive into 3 alternatives
I see a lot of people early in their JavaScript journey learning Webpack and I really don't think that is the optimal path for most developers in 2023. In this video I talk about why that is, and what some great alternatives are that will get you pushes websites and apps out the door much faster and with less hassle.
~~~~~~
00:00 - Why you shouldn't learn Webpack
02:04 - #1 build tool for ease of use: Vite
02:42 - Vite - what using Vite looks like
03:09 - Vite - disclaimer about type checking
03:33 - Vite - ES module and HMR features
04:20 - Vite - esbuild and Rollup used to bundle
05:05 - Vite - leveraging rollups plugin ecosystem
05:43 - Vite - feature detection without configuration
06:36 - Vite - summary
06:48 - #2 The fast, low-level, build tool: esbuild
07:20 - esbuild - docs and starting commands
08:02 - esbuild - some potential downsides
08:29 - esbuild - what using esbuild looks like
09:24 - esbuild - summary and cautions
10:49 - #3 The build tool for libraries: Rollup
11:01 - The difference between an app and a library
11:38 - Rollup - why I use it for my libraries
12:18 - Rollup - disclaimer on the difficulty curve
12:47 - Rollup - what using rollup looks like
13:33 - Rollup - powerful plugin ecosystem
13:51 - Which to choose and honorable mentions
14:49 - Final note: you might not need a build tool at all
~~~~~~
Follow Jimmy Cleveland's doings:
twitter: https://twitter.com/JimmyDCleveland
blog: https://blog.jimmydc.com/
#js #bundlers
Видео Don't learn Webpack in 2023: A dive into 3 alternatives канала Swashbuckling with Code
~~~~~~
00:00 - Why you shouldn't learn Webpack
02:04 - #1 build tool for ease of use: Vite
02:42 - Vite - what using Vite looks like
03:09 - Vite - disclaimer about type checking
03:33 - Vite - ES module and HMR features
04:20 - Vite - esbuild and Rollup used to bundle
05:05 - Vite - leveraging rollups plugin ecosystem
05:43 - Vite - feature detection without configuration
06:36 - Vite - summary
06:48 - #2 The fast, low-level, build tool: esbuild
07:20 - esbuild - docs and starting commands
08:02 - esbuild - some potential downsides
08:29 - esbuild - what using esbuild looks like
09:24 - esbuild - summary and cautions
10:49 - #3 The build tool for libraries: Rollup
11:01 - The difference between an app and a library
11:38 - Rollup - why I use it for my libraries
12:18 - Rollup - disclaimer on the difficulty curve
12:47 - Rollup - what using rollup looks like
13:33 - Rollup - powerful plugin ecosystem
13:51 - Which to choose and honorable mentions
14:49 - Final note: you might not need a build tool at all
~~~~~~
Follow Jimmy Cleveland's doings:
twitter: https://twitter.com/JimmyDCleveland
blog: https://blog.jimmydc.com/
#js #bundlers
Видео Don't learn Webpack in 2023: A dive into 3 alternatives канала Swashbuckling with Code
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Gatsby site from scratch finale: Goodbye and thanks](https://i.ytimg.com/vi/0UifjSv3mXQ/default.jpg)
![5 tips for managing Imposter Syndrome](https://i.ytimg.com/vi/TKMDu2gDxgM/default.jpg)
![Gatsby site from scratch #14: Autogenerating URLs from files with onCreateNode](https://i.ytimg.com/vi/EQSHj4QzYuM/default.jpg)
![Next.js + Contentful Dynamic Routes](https://i.ytimg.com/vi/vOsx9NuQe6Q/default.jpg)
![Streamline your repo workflow with Github CLI](https://i.ytimg.com/vi/in_H8MbiHpw/default.jpg)
![8 Simple but Underused Terminal Commands](https://i.ytimg.com/vi/Xpp8DW2eUUA/default.jpg)
![Gatsby site from scratch #11: Emotion Styled Components](https://i.ytimg.com/vi/SNqB4wQkVK0/default.jpg)
![Easy test search filtering with the jest-watch-typeahead plugin](https://i.ytimg.com/vi/TTPlAPuW9ic/default.jpg)
![Super fast repo creation with Github CLI #shorts](https://i.ytimg.com/vi/Mb-VupYqU_A/default.jpg)
![The Skill of Stepping Away from a Problem](https://i.ytimg.com/vi/coabHZWlM_Q/default.jpg)
![Gatsby site from scratch #1: Creating a project without a starter template](https://i.ytimg.com/vi/44g61Bx1Ug8/default.jpg)
![Should you commit Javascript package lockfiles?](https://i.ytimg.com/vi/i-AuSqlRRpQ/default.jpg)
![CI #1 - Continuous Integration Introduction](https://i.ytimg.com/vi/o8GffKAsKJw/default.jpg)
![Gatsby site from scratch #4: Hosting your site on Netlify](https://i.ytimg.com/vi/oIa-1A318UU/default.jpg)
![Gatsby site from scratch #12: Troubleshooting Gatsby Plugins](https://i.ytimg.com/vi/MildSeDN6rM/default.jpg)
![Gatsby site from scratch #16: CSS Variables and styling the homepage posts](https://i.ytimg.com/vi/464ZIaKXOs0/default.jpg)
![Gatsby site from scratch #15: Listing all your posts on the homepage](https://i.ytimg.com/vi/jCpgmlyF6io/default.jpg)
![Using git bisect to quickly find the origin of a bug](https://i.ytimg.com/vi/aulaZBVS16g/default.jpg)
![Understanding Semantic Versioning with Real World Examples](https://i.ytimg.com/vi/1zBzkT7QCmA/default.jpg)
![Gatsby site from scratch #6: All about dat gatsby-image](https://i.ytimg.com/vi/97mb6UIxu1k/default.jpg)
![Gatsby site from scratch #5: Basics of importing images](https://i.ytimg.com/vi/cdm7f6oSgNk/default.jpg)