SWC Transformerから見るTypeScript関数記述ベストプラクティス

Transcript

1. SWC Transformer TypeScript TSKaigi 2024 @fujiyamaorange
2. Pay / Biome Utility Types Pick Pay for Business fujiyamaorange
3. TypeScript SWC Transform emit
6. Function Expression Arrow Function Function Declaration
8. SWC Transformer
9. TypeScript SWC Transform emit
10. SWC ~Speedy Web Compiler~ Next.js 12 Rust Babel 17 Rust SWC (TypeScript Babel )
11. SWC Transformer
12. React 3 ※React =JSX alt data-testid
13. Before After
14. Before After alt
15. Before After data-testid
17. TypeScript SWC Transform emit
18. 20.93s 22.78s 22.59s Transform 12000 React cargo test --example -- --test-threads=1 Transform
19. SWC Transformer
20. I/O
21. 20.93s 22.78s 22.59s 17.70s 19.56s 19.31s (Transform) 3.23s 3.22s 3.28s Transform
22. Transform ( )
23. Transform
24. Transform SWC fork SWC create
25. Transform SWC fork SWC create
26. ( ) parse 919.22ms 959.42ms 929.58ms 931.66ms transform 56.26ms 61.25ms 58.77ms 15.72ms emit 8.75s 9.70s 9.56s 7.22s all 20.93s 22.78s 22.59s 17.70s ※
27. TypeScript SWC Transform emit
28. emit e.#mtd_name(self) mtd_name SWC AST Node SWC 200 AST Node ( : →FnDecl)
29. FnDecl AST emit!
30. emit AST Node AST emit
32. TypeScript SWC Transform emit
34. TypeScript (function) (function expression) (Arrow function expressions) SWC SWC Next.js Compiler Trait swc_ecma_visit::VisitMut TSKaigi Canva ~Gray Purple Isometric Elements & Mockups 5G Technology Technology Presentation~ carbon