🔗 Ash TypeScript: rich Phoenix frontends, simplified

In this video, I explore Ash TypeScript, a new library that automatically generates TypeScript client code from your Ash resources.

We'll build a stock explorer app using SEC data to demonstrate how this eliminates the complexity of designing APIs and building client libraries when you need JavaScript frontends for your Phoenix apps.

What's covered

• What is Ash / how do you use it?
• Creating and seeding a database
• Building a LiveView interface with pagination and infinite scrolling
• Adding React to a Phoenix project
• Installing and configuring Ash TypeScript with automatic code generation
• Implementing TanStack Query / Table / Virtual for high-performance data grids
• Comparing LiveView with React for large dataset performance

Links

• Demo repository: https://github.com/ChristianAlexander/ash_typescript_demo
• Ash TypeScript documentation: http://hexdocs.pm/ash_typescript
• SEC datasets: https://www.sec.gov/search-filings/edgar-search-assistance/accessing-edgar-data
• Ash Framework: https://ash-hq.org