Pinchflat

Stop Building APIs: Generate TypeScript from Ash

Media Tasks
Actions

Raw Attributes

Source: Code and Stuff
  • livestream: false
  • upload_date_index: 99
  • nfo_filepath: /downloads/Code and Stuff/Season 2025/s2025e092799 - Ash TypeScript： Rich Phoenix Frontends, Simplified.nfo
  • description: 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 Timestamps What are we doing? - 00:00 Start building - 01:58 Ash domain - 03:52 Exchange resource - 05:09 Company resource - 12:56 Seed the data - 18:10 LiveView UI - 21:05 LiveView streams - 23:34 Ash pagination - 25:42 LiveView pagination - 28:17 Adding React to Phoenix - 31:06 Set up Ash TypeScript - 34:56 Calling from React - 37:23 Room for improvement - 39:45 Adding TanStack - 41:16 TanStack Virtual - 44:22
  • id: 24990
  • uploaded_at: 2025-09-27T18:12:09Z
  • inserted_at: 2025-09-29T07:45:16Z
  • uuid: 47f68bf2-59f2-478c-a88e-e9c18fbfec85
  • last_error:
  • playlist_index: 1
  • short_form_content: false
  • predicted_media_filepath: /downloads/Code and Stuff/Season 2025/s2025e092700 - Stop Building APIs： Generate TypeScript from Ash.mp4
  • media_filepath: /downloads/Code and Stuff/Season 2025/s2025e092799 - Ash TypeScript： Rich Phoenix Frontends, Simplified.mp4
  • original_url: https://www.youtube.com/watch?v=t-hori2Io14
  • updated_at: 2025-09-29T08:49:35Z
  • media_redownloaded_at:
  • tasks:
  • source_id: 24
  • title: Stop Building APIs: Generate TypeScript from Ash
  • matching_search_term:
  • media_downloaded_at: 2025-09-29T08:49:15Z
  • prevent_download: false
  • thumbnail_filepath: /downloads/Code and Stuff/Season 2025/s2025e092799 - Ash TypeScript： Rich Phoenix Frontends, Simplified-thumb.jpg
  • media_size_bytes: 280525257
  • duration_seconds: 2820
  • metadata_filepath: /downloads/Code and Stuff/Season 2025/s2025e092799 - Ash TypeScript： Rich Phoenix Frontends, Simplified.info.json
  • media_id: t-hori2Io14
  • prevent_culling: false
  • subtitle_filepaths: en/downloads/Code and Stuff/Season 2025/s2025e092799 - Ash TypeScript： Rich Phoenix Frontends, Simplified.en.srt
  • culled_at:

Nothing Here!