SPA-like UX with MVC-like DX: InertiaJS with React and Phoenix - Michael Buhot скачать в хорошем качестве

SPA-like UX with MVC-like DX: InertiaJS with React and Phoenix - Michael Buhot

In this edition of Elixir Sydney Meetup, Michael shares what he's recently learnt trying out InertiaJS with a React Frontend and a Phoenix Backend. TL,DR: The user experience feels like a SPA while the developer experience feels like MVC. Elixir Australia 2025 March Edition: https://lu.ma/9ynb9fc0 See below for timestamps, transcript, and to give feedback, submit questions, contact Elixir Sydney, etc. Thank you for watching! ❤ This episode is proudly sponsored by Alembic. At Alembic our mission is to make software simpler for everyone. We're the experts in building large scale Elixir & Ash Framework web apps. We’ve proven their power to deliver simplicity. We work with diverse clients worldwide. Whether you’re starting-up, scaling-up or trying to speed-up, we'll help you unlock the full potential of your tech platform. Website ► https://alembic.com.au BlueSky ► https://bsky.app/profile/teamalembic.... CONNECT WITH MICHAEL BUHOT BlueSky ► https://bsky.app/profile/mikebuhot.bs... Twitter/X ► https://x.com/BuhotMicha12955 CHAPTERS/TIMESTAMPS 00:00 Start 00:15 Presentation outline 00:44 What is Inertia JS 02:23 Core Concept: Server Driven SPA 03:14 How InertiaJS works 04:21 The user experience demo: Realworld 07:43 The user experience demo: Hierarchical Select 11:07 The Developer Experience - Tools 12:12 The Developer Experience - Vibe 14:15 Code Tour: Router 14:50 Code Tour: Controller 16:07 Code Tour: Domain 16:48 Code Tour: Serializer 17:43 Code Tour: Page 18:34 Code Tour: Form 19:59 Integrating Phoenix Sockets for realtime 21:55 Realtime: Adding a Channel 22:45 Realtime: Channel Handlers 23:58 Realtime: useChannel Reach Hook CONNECT & SUPPORT ELIXIR SYDNEY Submit talk suggestions or submissions ► https://github.com/elixirsydney/elixi... Subscribe to upcoming meetups ► https://lu.ma/elixir-sydney BlueSky ► https://bsky.app/profile/elixirsydney... Twitter/X ► https://x.com/ElixirSydney