Downloaded 10 times
Next generation frontend tooling
- 7.
- 8. Next generation frontendtooling
- 9. Why does JSneed tooling? • Lacks compilation • No static typing • No module system
- 10. Why does JSneed 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 JStools • HMR sucks • Source maps :( • tragic configs • everything is slow
- 13. Problems with JStools • HMR sucks • Source maps :( • tragic configs • everything is slow
- 15. ES Modules • platformbae <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 awesomefor development
- 19.
- 20.
- 21.
- 22. My favourite Vitejsfeatures
- 23. Instant server start+ file load
- 24. HMR support forvuejs and reactjs
- 25. TS and JSXsupport
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. Third age ofJavascript • ESM based development • New css approaches • Rust/Go/WASM for frontend tooling • Emerging Deno
- 33. Resources Open source Fridaywith 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.