The document discusses modern JavaScript tooling and trends. It outlines problems with existing tools like slow performance and poor source mapping. Emerging tools like Vitejs and Snowpack are faster and support ES modules and features like instant loading and HMR. The document argues the JavaScript ecosystem is entering a third age driven by ESM, Rust/Go for tooling, and emerging technologies like Deno. Resources are provided to learn more about Vitejs, Snowpack, and trends in frontend tooling.

7. Pavithra Kodmad (PK)
@PKodmad

8. Next generation frontend tooling

9. Why does JS need tooling?
• Lacks compilation
• No static typing
• No module system

10. Why does JS need tooling?
• Lacks compilation
• No static typing
• No module system

11. Commonly used tools
• tsc compiler
• babel transforms
• css & postcss
• testing tools
• bundlers

12. Problems with JS tools
• HMR sucks
• Source maps :(
• tragic configs
• everything is slow

13. Problems with JS tools
• HMR sucks
• Source maps :(
• tragic configs
• everything is slow

15. ES Modules
• platform bae <3
• new module system
• came in ES6
• esm vs commonjs
• new ideas

16. Non JS tooling
• esbuild <3
• written in Go
• very very fast

18. ESM is awesome for
development

19. @web/dev-server

20. pika/snowpack

21. https://vitejs.dev

22. My favourite Vitejs features

23. Instant server start + file load

24. HMR support for vuejs and reactjs

25. TS and JSX support

26. Prebundling

27. Multiple entry points

28. Library mode

29. Image asset handling

30. Dynamic imports polyfill

31. Universal plugin support

32. Third age of Javascript
• ESM based development
• New css approaches
• Rust/Go/WASM for frontend tooling
• Emerging Deno

33. Resources
Open source Friday with Evan You - https://www.youtube.com/watch?v=UJypSr8IhKY
Learning with Jason and Sunil Pai - https://www.youtube.com/watch?v=KLdF1yu_bmI
Toolsday podcast with Jason Miller - https://podbay.fm/p/toolsday/e/1608142193
Vite 2 features - https://patak.dev/web/vite-2.html
Pika and Snowpack - https://podcasts.apple.com/us/podcast/200-pika-and-snowpack/id899384794?i=1000480602680
Vite website - https://vitejs.dev/
Snowpack website - https://www.snowpack.dev/

34. Follow me @PKodmad