DEV Community

Fabio Biondi
Fabio Biondi

Posted on

esbuild: creiamo un'applicazione React / TypeScript e analizziamo le principali features ๐Ÿ‡ฎ๐Ÿ‡น

I'm sorry. This post and the long video tutorial are in italian only but all slides are in english and there are live coding sessions so you should understand all steps : )

ESBuild nasce con l'obiettivo di velocizzare la generazione dei bundle di progetti JavaScript ed รจ alla base di strumenti ormai diffusissimi come ViteJS.

Scritto in GO, garantisce performance 10-100 volte superiori a quelle di WebPack, RollUp e Parcel!

Dopo un'introduzione su ESBuild creeremo da zero un progetto con il supporto di React e TypeScript, analizzeremo le API per generare bundle da CLI e JavaScript, gestiremo build su file system e in memoria, compileremo file JSX e TSX, gestiremo assets, plugin, web server molto altro.

TOPICS
00:00 Introduction
03:57 TypeScript compiler
04:52 Compile with ESBuild
06:03 React: Server Side rendering
09:30 React: Client Side rendering
11:50 Build API
13:00 Multiple Components
13:57 CSS
17:40 Source Map
18:30 Exclude Deps
19:25 Tree Shaking & Minify
22:22 Watch
24:25 Bundle Analyse
26:40 Images & ESBUILD loaders
27:30 Serve
29:20 3rd party plugins
30:40 Write Plugins
40:15 Final Thoughts

Top comments (0)