@frontendnation.com
Powered by @Bitterbrains.com. Community hub for all things frontend! Stay updated with the latest news, dev insights, & yearly events! Sign up for updates for our next eventπ https://frontendnation.com/
Frontend Nation returns, June 3-4! π₯
Get ready for two epic days packed with:
π€ 40+ expert speakers
π» Workshops & panels
β‘ Live Q&As & coding sessions
π Connect with devs worldwide
Join the biggest online dev event of the year.
Register for FREEπ
https://go.frontendnation.com/x
Check out the Exercise here: https://www.youtube.com/watch?v=7aL0XSoXeT8
π₯οΈ Ever wanted to build your own Claude Code or Codex?
In this hands-on session, Garrison Snelling from Computesdk broke down how terminal-based AI agents workβand how to build one yourself π₯π€
π½οΈ Now LIVE on YouTube: https://www.youtube.com/watch?v=LMowpx5LRuY
Check out the Exercise here: https://www.youtube.com/watch?v=5htM6uWyr5g
π§ Smarter blogs start here!
In this hands-on session, Alexander Opalic walked through how to add AI-powered semantic search to your nuxt blog using Transformer.js β‘
From setup to deployment!
π½οΈ Now LIVE on YouTube: https://www.youtube.com/watch?v=A4pUvT7_3l4
Check out the Exercise here: https://www.youtube.com/watch?v=cMmxeuam_uU
π Ready to build something real with React?
In this hands-on session, James Swinton-Bland from AG Grid walked through creating a full financial dashboard using React, AG Grid & AG Chartsβlive and from scratch π₯π»
π½οΈ Now LIVE on YouTube: https://www.youtube.com/watch?v=pQOnd64pBHs
β
Want faster, more reliable tests without the flakiness?
@markus.oberlehner.net shared how contract testing with Specmatic can replace brittle mocks and give you real confidence across your stack π₯π§ͺ
π½οΈ Watch his talk: youtube.com/watch?v=KTcF...
#FEN25
@awad.dev, creator of VeeValidate, introduced Formwerk, a lightweight, headless form library for @vuejs.org thatβs built for full control, flexibility, and accessibility πβ‘
π½οΈ Watch the full talk: youtube.com/watch?v=1r-A...
#FEN25
π AI that runs full-stack apps in your browser? Yes, really.
@nemikolh.bsky.social, from @stackblitz.com, gave us a look at @bolt.new - an AI agent powered by WebContainers that handles Remix, React, Supabase, Stripe & more β‘
Watch it now π youtu.be/RXWJRlLJLbY?...
#FEN25
How much can you build in 20 minutes with Vue? A lot.
@michaelthiessen.bsky.social showcased
@vuejs.orgs power in a live crash course including SFCs, script setup, and reactivity β‘
Watch his talk π₯ youtube.com/watch?v=DwAA...
#FEN25
You can now step into our world! Doors are open for AIDD Insiders.
24 hours or 500 seats. Whichever comes first.
vist.ly/3xxwx
What if you could see what your users experienced when something broke?π€
@bitsbysigrid.bsky.social & @nikolovlazar.com from @sentry.io showcased Session Replayβa powerful way to debug with real context, not just logs π
β―οΈ Full discussion: youtube.com/watch?v=7Tja...
#FEN25
Vibe coding with AI + @nuxt.com? Itβs a ride. π
@danielroe.dev showcased the highs, the lows, and how to turn AI-powered workflows into real wins. And then built & deployed a Nuxt app live π₯
Now Live on YouTube π youtube.com/watch?v=J0c9...
#FEN25
Curious about the React Compiler? π€
Mykyta Roilian from LeanDNA showcased how it boosts performance in real apps like optimizing `useMemo, useCallback, and more π₯
Tested across webpack, @vite.dev, and @nextjs.org.
Watch the lightning talk π₯ youtu.be/6OXb96JwdbI?...
#FEN25
π Ever been stuck in a modal with no way out? Your users have too.
Tim Damen from ABNAMRO showcased how to fix focus traps, manage keyboard navigation, and design accessible interfaces that meet WCAG standards π―βΏ
π½οΈ Watch the full talk: https://www.youtube.com/watch?v=JO6RJaZKCek
#FEN25
𧩠Custom plugins donβt have to be tied to one build tool.
Thorsten Seyschab demonstrated how to create a plugin that preprocesses 3D assets (like glTF) into type-safe
@typescriptlang.org; compatible with @vite.dev, esbuild, Rollup & more π₯
π½οΈ Catch the talk π youtube.com/watch?v=7Y8M...
#FEN25
Stephen Cooper and Jacob Parker from AG Grid dived into the challenges and opportunities of building high-performance data visualization tools that work across frameworks like React, Angular, Vue, and more. π₯
β―οΈ Catch the full discussion: https://www.youtube.com/watch?v=UAUJUjfeMT0
Great UX isnβt just fast, itβs ergonomic! π₯
Eduardo San Martin Morote, creator of Pinia & Vue Router demonstrated how async state & real-time updates can make your UI feel smoother and smarter π₯π±οΈ
π½οΈ Watch the full talk: https://www.youtube.com/watch?v=3ZyW4uYJVes
#FEN25
π Rendering millions of data points without crashing your app? Yes, itβs possible.
Jacob Parker from AG Grid showcased how the M4 algorithm keeps visualizations smooth at 60fps across Canvas, SVG, and D3.js π₯β‘
Watch the lightning talk π₯ https://www.youtube.com/watch?v=AZFy0_ldwWc
#FEN25
β οΈ Vibe coding with AI might feel fast, but at what cost?
Kawtar Choubari highlighted the hidden risks in AI-generated React code: validation gaps, performance hits, and security flaws π¨π»
π½οΈ Watch the full talk: https://www.youtube.com/watch?v=GwYVAD2emfo
#FEN25
Async UI doesnβt have to be chaotic!
@aurorascharff.no showcased how to clean up async UI using
@react.dev 19, @nextjs.org App Router & Ariakit with faster loads, smoother updates, and better accessibility βΏ
π½οΈ Watch the full talk: youtube.com/watch?v=4aEC...
#FEN25
Ever wondered how to make frontend apps easier to scale?
Ingila Ejaz delivered a clear and friendly intro to microfrontendsβwhat they are, when to use them, and how they empower teams to work faster and smarter π₯π©βπ»
π Watch her talk: youtube.com/watch?v=ryww...
#FEN25
π§ The login form looks fine, but is it accessible?
@leichteckig.bsky.social from @auth0byokta.bsky.social showcased how small changes in a @react.dev login form can make a huge difference for users with disabilities π‘
Watch her talk π₯ youtube.com/watch?v=18cU...
#FEN25
Ever wondered how to make frontend apps easier to scale?
Ingila Ejaz delivered a clear and friendly intro to microfrontendsβwhat they are, when to use them, and how they empower teams to work faster and smarter π₯π©βπ»
π Watch her talk: https://www.youtube.com/watch?v=rywwN_X8tXc
#FEN25
Are you a Rust fan? You are in luck!
@francescociulla.bsky.social from @dailydotdev.bsky.social showcased the state of @rust-lang.org web frameworks; performance, community, tooling & real-world fit β‘
β―οΈ Now Live on YouTube: youtube.com/watch?v=B9sK...
#FEN25
The AI era is reshaping how we think about frontend performance.
@tej.as from @datastax.com demonstrated how streaming UI and partial JSON payloads can make your apps feel faster, smoother, and more responsive π₯
π½οΈ Watch the full talk: youtube.com/watch?v=-JjD...
#FEN25
π Want stronger security in your cross-platform apps?
@wwwalkerrun.bsky.social showcased how
@nativescript.bsky.social lets you tap into native APIs for protection beyond what JavaScript alone can offer π‘οΈπ±
β―οΈ Watch his #FEN2025 lightning talk on YouTube π youtu.be/iD_QWvJAiSI?...
π From zero to thousands of users!
@neciudan.dev from CareerOS shared real lessons from scaling a JavaScript app over 2+ years; what worked, what didnβt, and what theyβd do differently π
Watch the full story π youtu.be/l5-8vHhVXtQ?...
#FEN25
βΏ Accessibility isnβt a checklist; itβs about real usability for everyone.
Navya Agarwal from @adobe.com, shared how she used GitHub Copilot to build accessible UI components in Adobe Express, plus the lessons learned along the way. π‘
β―οΈ Watch her talk: youtube.com/watch?v=UNdz...
#FEN25