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)