Pinned
Frontend Nation
Frontend Nation
@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/
312 followers34 following345 posts
TypeScript Day is coming 🔥 One day. Live talks. Real production @typescript. 🗓️ Oct 20 📍 Online, free ✍️ Reserve your seat go.frontendnation.com/ts
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
🖥️ 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=7aL0XSoXeT8
🧠 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=5htM6uWyr5g
📊 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
Check out the Exercise here: https://www.youtube.com/watch?v=cMmxeuam_uU
✅ 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
Frontend Nation reposted
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
♿ Accessibility isn’t a checklist, it’s about real usability for everyone. Navya Agarwal from Adobe shared how she used GitHub Copilot to build accessible UI components in Adobe Express, plus the lessons learned along the way 💡 Watch her talk: https://www.youtube.com/watch?v=UNdzCFeEBhc #FEN25
🔄 Ever wondered what really happens behind async/await? @shiralizadeh.bsky.social took us deep into JavaScript’s async behavior across environments, past to present 🧠 Write better, more reliable code 🚀 youtu.be/cG1T31CdbTs?... #FEN25
🔄 Ever wondered what really happens behind async/await? Mohamad Shiralizadeh from ING took us deep into JavaScript’s async behavior across environments, past to present 🧠 Write better, more reliable code 👉 https://youtu.be/cG1T31CdbTs?feature=shared #FEN25
⚙️ AI tools like GitHub Copilot, Cursor AI and @bolt.new aren’t just speeding up code; they’re changing how we code. Daniel Sogl from @thinktecture.bsky.social shared what works, what doesn’t, and when to trust your gut 🧠 Watch his #FEN2025 lightning talk ⚡ www.youtube.com/watch?v=lFO7...
⚡ React performance got you chasing shadows? @shloksri.bsky.social shared an AI-powered CLI tool that spots bottlenecks, predicts slowdowns, and suggests fixes, before they hit prod 💡 ⏯️ Watch the talk: youtu.be/wXired4b3DI?... #FEN25
⚡ What are Svelte 5 Runes really doing? Paolo Ricciuti from Mainmatter broke down Signals—the core of Svelte’s new reactivity model. Learn how they work, why they matter, and what to watch out for 🧠 ⏯️ Watch his #FEN2025 talk! https://youtu.be/ltyxAdPDpGk?feature=shared
@debbie.codes, from @microsoft.com, showcased how AI is leveling up browser automation with @playwright.dev MCP. 🚀 Smarter debugging, faster test creation, and fewer headaches. ⏯️ Catch the talk: youtu.be/rrrklkDzQ1M?... #FEN25 #Playwright
🚀 Meet TanStack Start, a new framework that’s minimal, type-safe, and powerful enough to take on anything. Dev Agrawal showed how it stacks up against Next.js & Astro with real-world examples and strong DX 💡🛠️ Watch the talk 👉 https://youtu.be/WfzrVMi222s?feature=shared #FEN25
🤖 Ever dreamt of building your own “Jarvis”? @kentcdodds.com demonstrated how to integrate AI into your app using Multimodal Command Processors (MCPs). ⏯️ Watch the future unfold in his Frontend Nation talk: youtu.be/Lw1tZkyXYjE?... #FEN25 #AI
Are you a TypeScript fan? 💎 @mhartington.io from @nx.dev revealed a hidden gem from the TS docs that speeds up builds & boosts editor performance in big codebases ⏯️ Learn more from his Frontend Nation talk: youtu.be/UG0m70HueFw?... #FEN25
@mosaid.bsky.social, @danielkelly.io, Navya Agarwal & Justin Schroeder dived into how AI is changing the way we build for the web - code, tools, and mindset. ⏯️ Catch the full discussion from the Live Frontend Nation panel: youtu.be/SgYP2vByzDY?... #FEN25
No GPU? No problem! 🚀 @philna.sh demonstrated how to build a browser-based, offline speech-to-speech translator (yep, like a babelfish) using just web tech. The future of AI is landing right inside your browser. ⏯️ Watch the full talk: youtu.be/ofBMdw2MYgY?... #FEN25
🔥 Angular v20 is here! @mgechev.bsky.social from Google walked us through what’s new in v20 - from stable APIs to experimental features like signal forms & selectorless components 🧪 Catch his Frontend Nation talk, now live on YouTube 📽️ youtu.be/_u0HTjJDwIE #FEN25
🚀 It’s happening today! Join @nikolovlazar.com at 2:00 PM CEST for a @sentry.io workshop focused on debugging production issues with confidence 🔧 Learn how to track bugs, monitor performance, and even let AI handle your pull requests. 👨💻Grab your FREE seat: go.frontendnation.com/sentry
Got an Angular app? You’re closer to the App Store than you think. Daniil Rabizo dives into how to turn your @angular.dev web app into a fully functional mobile app ready for iOS & Android 💡💰 ⏯️ Watch the lightning talk: https://youtu.be/a1erxOPGXDw?feature=shared #FEN25
🧪 Can you really write tests in plain English? Brian Mann, Founder of Cypress, shared the 🔍 behind-the-scenes of building AI-powered browser automation, real fails, real wins, and what’s next. Watch the lightning talk 💥 https://youtu.be/mv99KEimeNE?feature=shared #FEN25
⏳Just one day to go! Join @nikolovlazar.com tomorrow for a @sentry.io workshop where you’ll learn to fix real issues in real apps faster and smarter with AI 💡 Great for anyone building in production! 📅 July 1, 2:00 PM CEST 📍Online & Free 👉 Don’t miss it: https://go.frontendnation.com/sentry
⚡ Want faster, smoother Angular apps? Sonu Kapoor shared performance tips that work: 👉 lazy loading 👉 Signals 👉 NgOptimizedImage 👉 Smarter change detection Catch it all in his #FEN2025 talk, now live on YouTube 📽️ https://youtu.be/xLaLLSxRhBg?feature=shared
🧼 Ready to clean up your Angular code? Alain Chautard, Angular GDE & Microsoft MVP, introduced Angular Resources, a game-changer that simplifies RxJS-heavy logic and boosts readability ✨ Watch the talk 👉 https://youtu.be/2-3jtaruoJM?feature=shared #FEN25