Component driven 11ty development with TypeScript, TSX, and Vitest

If you look at React development and wish you could have the tooling, without React...If you look at 11ty and think "my IDE could be doing more"...this tutorial is for you. See how to get a super-productive 11ty developer experience.
Timeline
00:02 Setup
02:18 Adding TypeScript
05:46 Switching to TSX
10:31 Vitest instead of console.log
15:26 Fake browser with Happy-DOM and Testing Library
18:55 Components and props
24:01 11ty Views
26:44 11ty Layouts

[@fpigeonjr]

Hi Paul, enjoyed your talk at the 11ty Conference. I am new to 11ty and was concerned that I couldn't build components with JSX but then saw your talk and was happy to see you can get a rich developer experience w/ TS, ~~vite~~tsx, vitest, etc. Thanks for sharing. btw, which IDE are you using? Looks very nice.