Eddie Jaoude

What happens when you turn your audience into a live, distributed load test?We will kick off this session with a high-stakes, multiplayer "Whack-a-Mole" challenge played right from your phone. As you compete for the leaderboard, a live stream of concurrent data will be generated to showcase realtime web capabilities in action across devices.After playing around, it is time to get serious by digging into the challenges, architecture and technologies used when building such a platform. Discover how helpful or distracting AI can be during this process.Key takeaways include:AI: The Good & The Glitchy!The Stack: NextJS, Supabase and Playwright.Realtime: No longer refreshing the page.Automated Testing: Does it work every time?Leave the theory behind and see how modern tools and a bit of trial and error handle the chaos of live user interaction.

What happens when you turn your audience into a live, distributed load test?We will kick off this session with a high-stakes, multiplayer "Whack-a-Mole" challenge played right from your phone. As you compete for the leaderboard, a live stream of concurrent data will be generated to showcase realtime web capabilities in action across devices.After playing around, it is time to get serious by digging into the challenges, architecture and technologies used when building such a platform. Discover how helpful or distracting AI can be during this process.Key takeaways include:AI: The Good & The Glitchy!The Stack: NextJS, Supabase and Playwright.Realtime: No longer refreshing the page.Automated Testing: Does it work every time?Leave the theory behind and see how modern tools and a bit of trial and error handle the chaos of live user interaction.

Documentation is essential to any project and it can really "make it or break it".  However documentation is time consuming to draft and can sometimes be forgotten, or updates and amendments to it left behind as the project moves forward.  Additionally, creating your documentation with Markdown has its limitations, so you may not end up with the result you want or that your contributor needs. 
By using MDX you can combine Markdown with code and integrate it into your React project.  Documentation becomes a more streamlined and efficient process and dare I say it...fun.