Next generation frontend tooling
- 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
- 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
- 28. Library mode
- 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/