POPULARITY
CJ steps in for Scott and joins Wes to share his experience working with Nuxt, from routing and data fetching to the pros and cons of the framework. They break down the Nuxt ecosystem, directory structure, and how it handles server routes and modules. Show Notes 00:00 Syntax Meetup! 00:26 Welcome to Syntax 01:21 The deal with Nuxt. CJ's Nuxt Course. 02:51 Why do you like Vue? 04:52 Brought to you by Sentry.io. 05:17 Routing with Nuxt. h3 - The Web Framework for Modern JavaScript Era. Nuxt Guides. 06:12 Built on Nitro. 06:49 The Nuxt Ecosystem. 07:52 API Route Support. 08:15 Nuxt Directory Structure. 09:09 Does Nuxt do too much for you? 11:15 Data fetching in a Nuxt app. 13:25 RPC, Form Actions, Server Actions? 15:00 Nuxt Server Folder Hastle. 15:57 useFetch Hook. CJ's Nuxt Crash Course. 17:29 Core Modules and Community Modules? Nuxt Modules. shadcn-nuxt. @nuxt/ui. DaisyUI. Pinia. 21:17 Nuxt Hosting. Deploy. hub.nuxt. 23:59 Anything you don't like? Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads
In this potluck episode of Syntax, Wes and CJ answer your questions about OpenAI's $3B Windsurf acquisition, the evolving role of UI in an AI-driven world, why good design still matters, React vs. Svelte, and more! Show Notes 00:00 Welcome to Syntax! Devs Night Out 02:35 OpenAI acquires Windsurf for $3B Windsurf Ep 870: Windsurf forked VS Code to compete with Cursor. Talking the future of AI + Coding 05:20 What is the future of UI now that AI is such a heavy hitter? 08:45 Handling spam submissions on websites Cloudflare Turnstile 14:18 Duplicating HTML for desktop and mobile websites? 17:03 Is it okay to use a JSON file for simple website data? 19:04 How to handle anonymous and duplicate users Better-Auth 21:55 Working with TypeScript Object.keys() and “any” vs “@ts-ignore” 25:51 Brought to you by Sentry.io 26:38 What is the difference between React and Svelte? 30:24 How should you name your readme file? 31:55 How do you find time to refactor code? 35:20 Best practices for testing responsiveness Polypane 39:19 Avoiding layout shift with progressive enhancement 46:56 Sick Picks + Shameless Plugs Sick Picks CJ: Portable Chainsaw Wes: White Lotus Shameless Plugs CJ: Nuxt Wes: Full Stack App Build | Travel Log w/ Nuxt, Vue, Better Auth, Drizzle, Tailwind, DaisyUI, MapLibre Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads
Scrimba is just starting to release fullstack/backend courses. They're going to be starting with 8 courses: Suppabase, Command Line Basics, Express, SQL, Nuxt, Vite, Next, and Node. I shared my honest thoughts on some of the courses, who they're for, and what part of your journey you should consider going through them.---------------------------------------------------
In this episode of DejaVue, Alex and Michael are joined by Jared Wilcurt, UI architect and open source contributor, to get knee-deep into the world of testing in Vue.js, especially Snapshot Testing.Jared shares his journey from React frustration to Vue enthusiasm, and explains how he identified gaps in Vue's testing ecosystem that led to the creation of his Vue 3 Snapshot Serializer library.No matter if you are a testing novice, wondering why you should bother with tests at all, or an experienced developer looking to improve your snapshot testing workflow, this episode got something for you - from reducing test noise, improving readability, and gaining confidence in your Vue applications and components.Discover how snapshot testing complements traditional assertion-based tests and why it might be the missing piece in your testing strategy.Enjoy the episode!Our GuestThe Jared WilcurtVue 3 Snapshot SerializerWebsiteBlueskyTwitterChapters(00:00) - Welcome to DejaVue (00:20) - How did you get into Programming? (05:20) - Learning Vue (09:46) - Finding gaps in the ecosystem (12:40) - What is unit testing? (21:40) - Testing in the frontend (25:31) - Snapshot Testing (29:45) - Snapshot Updating Fatigue (36:09) - Responsibilities & ROI of a Snapshot Test (42:46) - Using the Snapshot Serializer (46:40) - Snapshot vs. Visual Regression Testing (52:57) - A good tip from Daniel Roe (53:50) - Further Noise Reduction (01:01:22) - A tighter integration? (01:05:11) - Wrapping up Links and ResourcesRiot JSVue Indy MeetupVue DoxenOld Jest Snapshot SerializerVue Test UtilsTesting Library VuePlaywrightVue 3 Snapshot SerializerDejaVue #E043 - The Year in ReVue (with Daniel Roe)Your HostsMichael ThiessenTwitterYouTubeWebsiteAlexander LichterBlueskyYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
In this episode of DejaVue, Alex sits down with James Garbutt, open source maintainer and lead of the e18e initiative. James shares his journey from writing web scrapers as a teenager to maintaining critical JavaScript libraries like parse5 or Chokidar and eventually co-creating the ecosystem performance initiative.The conversation is then all around e18e, which aims to improve performance across the JavaScript ecosystem through three pillars:Cleaning up dependency treesSpeeding up popular packagesCreating lighter alternatives to bloated librariesJames explains how the community-driven approach has produced impressive results all across the web development landscape.Learn about real-world examples of performance improvements, including replacement packages like tinyglobby and nano-staged, and discover how to contribute to e18e even if you're new to open source. James shares also insights on balancing between backward compatibility and performance, bundling dependencies, and also shares future plans for e18e in 2025.Enjoy the episode!Our GuestJames "43081j" Garbutte18eWebsiteBlueskyChapters(00:00) - Welcome to DejaVue (00:34) - Which libraries do you maintain? (02:10) - How did you get into programming? (04:57) - What lead you to Vue.js (06:40) - Not ending up in a framework bubble (09:41) - Meta frameworks converging (11:28) - What is e18e? (15:40) - The purpose of e18e (18:27) - How to participate? (20:38) - Are there prerequisites? (23:59) - Ripple effects from e18e improving the ecosystem (26:36) - Helping other projects migrate (30:27) - Considering backwards compatibility (35:50) - Example for replacement packages (37:56) - tinyglobby (40:40) - Edge cases and modular architecture (43:49) - Performance pattern and anti pattern (45:32) - Bundling dependencies (50:48) - What is planned for e18e in 2025? (56:39) - How do you lead and structure the e18e initiative? (01:01:42) - Anything else we didn't cover? (01:02:21) - Wrapping up Links and ResourcesParse5Doom in TypeScriptFlappy Bird in TSLitElementSpeeding up the ecosystem blog post series by Marvin Hagemeistere18e issue overviewe18e Discordminizlib install size improvementsStorybook dependency tree reductione18e module replacement repositoryAnthony Fu's node_modules inspectorPublint by Bjorn LuUmbrella CLInano-staged (instead of lint-staged)npm-run-all2eslint-import-plugin-x (instead of eslint-plugin-import)tinyglobby (instead of any other glob lib like globby/fast-glob)fdirVite Devtools announcementBundling dependencies (and when not to do it)A lighter Nuxt CLIYour HostsAlexander LichterBlueskyYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
Join hosts Michael Thiessen and Alexander Lichter for a special episode of DejaVue - a fascinating panel discussion on open source sustainability with three open source enthusiasts: Daniel Roe (Nuxt Team Lead),Chad Whitacre (Head of Open Source at Sentry), and Rijk van Zanten (CTO and co-founder of Directus).The panelists dive deep into what sustainability truly means in open source and get deep into the weeds of different licensing models, debating whether open source functions as a gift economy, and discuss the challenges of project governance.The panel also discusses important questions about leadership structures in open source projects, the role of companies in funding development, and practical ways everyone can contribute to making the ecosystem more sustainable - whether financially or through other meaningful contributions.Enjoy the episode!Our GuestsDaniel Roe - Nuxt Team Lead BlueskyWeb Chad Whitacre - Head of Open Source at Sentry BlueskyTwitterWebRijk van Zanten - CTO and co-founder of Directus BlueskyTwitterWebChapters(00:00) - Welcome to DejaVue (04:06) - What is Open Source Sustainability (12:51) - Open Source as a gift economy (19:20) - The Projects and their Licenses (29:50) - Sentry is not Open Source (34:53) - Open Source Definition and OSI (37:09) - Why people adopt open source software? (39:44) - Open Source Governance (47:50) - Stewarding an open source team (52:22) - Open Source Leadership (55:40) - What can YOU do to help open source? Links and ResourcesMastering Nuxt*xkcd on standardsJacob Kaplan-Moss: Paying Maintainers is GoodSentryDirectusNuxtBSLFair Source MITAGPLOSIBDFLNuxt GovernanceOpen Source Steward in the CRADaniel Roe: Contributing to NuxtOpen Source PledgeYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
Nuxt 3.16 dropped and it's packed with goodies! In this episode, Alex and Michael break down all the cool stuff in this release that'll make your Nuxt development smoother.They dive into the new command to initialize a Nuxt application, the performance-game-changing lazy hydration support that'll boost your app's performance, and named layer aliases (that you've been waiting for). Plus, huge performance improvements, better error messages with Nitro 2.11 and debugging improvements that'll save you hours of head-scratching.But wait, there's more! The duo also geeks out over Nuxt UI v3, which (surprise!) now works with plain Vue.js too - not just Nuxt. Learn how it leverages Tailwind v4, introduces a sweet CSS variables-based design system, and builds on Reka UI primitives for better accessibility. And somehow, a discount code for Nuxt UI Pro* *cough DEJAVUE cough* gets snuck in there too!Enjoy the episode!Chapters(00:00) - Intro (00:54) - Nuxt 3.16 Feature Overview (01:27) - A new way to initialize Nuxt projects (07:06) - Lazy Hydration in Nuxt (16:05) - Named Layer Aliases (17:45) - Lines of Code vs. Complexity (20:16) - What a new Nitro minor brings to the table (21:33) - Fine-grained debugging options (23:25) - Nuxt Devtools v2 (25:47) - Faster module resolution (and faster boot up time) (27:39) - Using OXC to speed up component parsing (28:58) - Benchmark performance improvements (31:43) - Nuxt UI v3 (40:58) - Sneak peek at next weeks episode
In episode 52 of DejaVue (yes, it is a whole year), Dennis Adriaansen joins Michael and Alex to discuss data visualization in Vue.js. Dennis shares insights about building chart components, his experience with different charting libraries, and introduces his own Vue charting library. They explore topics like chart customization, performance considerations, and integrating charts into dashboards.The conversation also gets into broader topics such as open source sustainability, UI libraries, and backend integrations with Nuxt.Enjoy the episode!Our GuestDennis AdriaansenVue Chart LibraryXBSkyChapters(00:00) - Welcome to DejaVue (00:33) - A year of DejaVue (01:20) - Another announcement from Michael (02:52) - How did you get into programming? (07:07) - Would people choose Vue more if it was more popular? (11:37) - Podcasts and Hot Takes (19:03) - Why charts? (21:05) - How do you get started with building chart components? (23:39) - What was your use case for charts? (25:16) - What does Unovis provide? (29:31) - Why not other Chart Libraries? (34:34) - Performance of Charts (38:48) - A tiny Vapor update (40:40) - Which Charts does your library support? (44:10) - When do you do Open Source? (45:05) - Open Source Funding & Contributions (49:47) - What makes a good Dashboard? (52:03) - Which backend do you use with Nuxt? (58:41) - Do you have a preferred UI library? (01:01:43) - Where can people find you? Links and ResourcesDejaVue #051 - Vite Inside Out (with Matias "Patak" Capeletto)Mastering Nuxt*DejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis)DejaVue #E041 - The Quadruple Migration (with Rijk van Zanten)D3.jsTremor Labschart.jsUnovisDennis' Nuxt error dashboardVapor PlaygroundReading Vue VaporVue Chrts (Dennis' Lib)Open Source PledgeBBF PatternzodvalibotStandard SchemaNuxt UI*Inspira UIReka UIYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
Vite is amazing, I think we can all agree on that statement. But what is Vite actually!? Why is it so great, faster than webpack and the "de-facto standard of the web" already?Alex is joined by Vite Core Team member Matias Capeletto, better known as Patak, to talk about all these questions.Learn about the future of Vite, how it uses two bundlers under the hood and why almost every framework adopted it. Enjoy the episode!Enjoy the episode!Our GuestMatias "Patak" CapelettoViteWebsiteBlueskyChapters(00:00) - Chapter 1 (00:00) - Welcome to DejaVue (52:00) - How did you get into programming? (05:19) - Working on Open Source Full Time (08:16) - What is Vite? (18:48) - Why is Vite so fast? (22:19) - Rollup and ESBuild? (26:22) - VoidZero and Rolldown (34:08) - The Scope of Vite (36:27) - Vite Environment API (45:49) - Converging Frameworks (50:51) - Funding in Open Source (01:04:24) - React as "the last framework"? (01:10:18) - CRA Deprecation (01:24:41) - Where can people follow you? (01:26:09) - Last Words Links and ResourcesRolldownSnowpackrolldown/vitevinxiunpluginvite nodeMiniflareAll About VoidZeroDejaVue #044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe)Sunsetting Create React AppCRA PRcreate-tsrouter-appYour HostsAlexander LichterBlueskyYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
For episode number 50 (not 51 Alex!), Angular GDE and JetBrains DevRel Jan-Niklas Wortmann joins the show. Together with Michael and Alex they dive into Jan-Niklas' angle of being a DevRel, how framework communities are different and why people should give WebStorm a try. Beyond that, Volar and LSPs are also covered, as well as some new announcements!Enjoy the episodeOur Guest Jan-Niklas WortmannWebsiteWeekly Devs BrewBlueskyChapters(00:00) - Welcome to DejaVue (01:19) - Guest Intro (03:49) - Difference of Framework communities (08:56) - The Ups and Downs of DevRel (19:52) - Advice for people doing DevRel (25:05) - What is JetBrains? (27:46) - Reluctance to change Tools (31:01) - Why one should check out WebStorm (42:21) - TypeScript and AI in the IDE (48:06) - A web-dev newsletter for your coffee break (49:56) - Where can people follow you? Links and ResourcesKCDCDejaVue #E033 - Vue or React (with CJ Reynolds)Nuxt Project Template in WebStormDejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis)DejaVue #E007 - From Code to DevRel and Leadership (with Marc Backes)Try the new WebStorm TS Engine nowJetBrains JunieThe Weekly Devs BrewYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
In this episode, Michael and Alex are joined by Aaron Francis, software developer, content creator, and co-founder of Try Hard Studios. Besides covering Aaron's journey into programming, they dive into Fusion, a new library that Aaron has been working on which will fuse your Laravel backend together with your Vue frontend, allowing you to write PHP and Vue in the same file. The three developers dive deep into the technical details of Fusion, how it works under the hood, and also how the community reactions have been so far.Enjoy the episode!Our GuestAaron FrancisFusionTryHard StudiosBlueskyTwitterChaptersLinks and ResourcesLaravelTryHard StudiosFusionFusion Intro VideoAaron's Laracon EU 2025 TalkDejaVue #E029 - Inertia.js (with Joe Tannenbaum)VolarFusion Reddit PostNuxt Server BlocksDejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)DejaVue #E016 - The Future of Vue.js (with Evan You)Aaron's Year in Review postYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
On this episode of the Modern Web Podcast, Rob Ocel and Danny Thompson sit down with Marc Backes, a freelance full-stack engineer with a wild journey through Vue.js, Nuxt, and DevRel. Marc shares what makes the Vue community stand out, why DevRel often misses the mark, and how Wikipedia uses Vue 3 to scale content across thousands of languages.Then, things get real. Marc opens up about a $250,000 startup disaster that changed his view on business forever. Meanwhile, Danny breaks down what it takes to run a tech conference on a shoestring budget—and why developers hate traditional marketing.Key Points from this episode:- The Power of Vue & Nuxt – Marc shares why he chose Vue.js, how he built his website with Nuxt, and what makes the Vue community unique.- DevRel: Hype vs. Reality – A discussion on whether DevRel is truly valuable for companies, how it's often misused, and what actually works in developer advocacy.- A $250K Startup Mistake – Marc's story of losing $250,000 in a failed startup and the crucial lesson about contracts and trust in business.- Scaling Tech & Community – Insights on Wikipedia's use of Vue 3 for translation, plus Danny's experience running a tech conference with limited resources.Chapters0:00 - Introduction to Entrepreneurship and Failure 0:43 - Podcast Introduction and Guest Welcome 4:25 - Mark's Experience in the Vue Community 9:22 - Working with Large-Scale Organizations 13:05 - Transitioning Between Developer and DevRel 19:00 - Is DevRel Worth It? 24:25 - The Challenges of Running a Tech Conference 26:02 - Lessons from Entrepreneurship 30:56 - The Emotional Toll of Failure 35:03 - Revisiting the $250,000 Grant Story 39:42 - Handling Failure and Moving Forward 41:14 - Where to Find Mark OnlineFollow Marc Backes on Social MediaTwitter: https://x.com/themarcbaLinkedin: https://www.linkedin.com/in/themarcba/Sponsored by This Dot: thisdot.co
AI is a hot topic in the tech industry, but how does it intersect with Vue.js?In this special episode, Michael and Alex host a panel at Vue.js Nation 2025 and are joined by two amazing guests:Patrick van Everdingen, AI Solutions EngineerDaniel Kelly, Lead Instructor at Vue SchoolThe four developers discuss how AI and Vue can work together. Will we all lose our jobs to AI? How does AI might influence the job market and which tips for Vue.js developers are the most important to know regarding using AI in their projects and workflows? You'll get answers to all these questions, and more in this episode.Thanks againEnjoy the Episode!Our PanelistsPatrick van EverdingenCareerDeck AITwitterDaniel KellyVueSchoolBlueskyTwitterChapters(00:00) - Welcome to DejaVue (01:08) - Guest Introduction (02:29) - Will we all lose our jobs to AI? (09:24) - How have you integrated AI into your daily workflow? (14:31) - What is your best tip/advice for using AI with Vue.js? (18:03) - Does the role of documentation diminish with AI? (26:21) - How do framework and library authors need to adapt to AI? (31:05) - Where does environmental responsibility intersect with AI? (38:06) - LLMs and Privacy (43:10) - How will AI influence the job market? (45:36) - Where can people find you? Links and ResourcesDejaVue #E016 - The Future of Vue.js (with Evan You)DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe)DejaVue #E033 - Vue or React (with CJ Reynolds)DejaVue #E023 - TypeScript and Content Creation (with Matt Pocock)DejaVue #E005 - From Side Hustle to Server Side Events (with Patrick van Everdingen)Vue.js Nation 2025: Daniel Kelly - Vue-doo Magic: AI Development TricksCursor (AI Editor)How Michael uses AI to quickly learn new librariesAnthropic suggesting to use XML tags for structuring promptsWebLLMDejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder)Sign up for Frontend Nation 2025All talks from Vue.js Nation 2025Your HostsAlexander LichterTwitterYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
Wes and Scott talk with Daniel Roe about Nuxt and Nitro, demystifying the UnJS ecosystem, serverless deployments, open-source sustainability, and the future of full-stack web development. Show Notes 00:00 Welcome to Syntax! 02:52 Daniel's work with Nitro Nitro 06:01 What's the connection between Nitro and Nuxt? Nuxt 09:23 What makes something an UnJS package? UnJS 12:55 Nitro's built-in features 18:21 What would Daniel use to build an app today? Cloudflare Vercel Netlify 28:01 Brought to you by Sentry.io 28:36 Nuxt and SST SST 32:25 Nuxt vs. Next.js in 2025 Next.js 40:06 Keeping docs up to date 44:46 Who is behind the fantastic design of the Nuxt website? Anthony Fu Rmoon Vite 47:27 Why is Vue awesome? Vue alien-signals 52:47 How do you make money in full-time open source? 55:32 Sick Picks + Shameless Plugs Sick Picks Daniel: DeskPad Shameless Plugs Daniel: React to Nuxt Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads
If you've listened to the last episode, you know what is coming next! It is time to get take a Vue at the other host of this podcast. Michael is asking Alex all around his past - from how we got into programming and web development, if university was worth it and how he got into the Nuxt Core Team.Also don't miss out how Minecraft is part of the history, what non-tech job Alex would do if programming wouldn't be in the cards, and why is GitHub account is over 14 years old.Enjoy the episode!Chapters(00:00) - Welcome to DejaVue (02:27) - What are you doing for work? (06:09) - What patterns and bad/best practices have you noticed? (11:18) - How is it being on the Nuxt team? (14:05) - Joining the Nuxt team (17:28) - How did you get into programming? (25:03) - From Gaming to Modding and Programming (30:02) - Getting into Web Development (31:11) - Founding a company (40:34) - Which courses from university stood out? (53:49) - What happened between uni and now? (01:00:12) - When did you start doing YouTube and why? (01:06:25) - Quickfire (01:06:38) - Why did you move to Amsterdam? (01:07:32) - Do you still Minecraft or other games? (01:08:47) - What topic you could give an impromptu talk on? (01:10:49) - Wrapping up Links and ResourcesJoin Vue.js Amsterdam 2025 - Get 10% OFF with the code "DEJAVUE"DejaVue #E046 - A Vue at Michael ThiessenDejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder)DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe)How to use the repository pattern in NuxtAlex' first Minecraft pluginAlex' Old Bukkit accountAlex' First Issue (actually his 2nd but who counts these!)SmartGain websiteBuilding an Association Manager PlaylistPaladinsCounter side project showcaseMastering Nuxt*Your HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
The guest of this episode is one you've heard on here quite often - but do you also know him well? Together, we take a look (or Vue
Together with the FormKit author Justin Schroeder, Michael and Alex discuss the challenges of building forms on the internet.While it seems like a simple task, forms can be complex and pretty time-consuming. Especially when it is more than a Newsletter or Contact Form.Justin shares his experience building FormKit (multiple times), a form library for Vue.js, and how it can help developers build forms faster and more efficiently. From Accessibility to actually covering edge cases such as form hydration and repopulation!Of course, we couldn't let Justin go without talking about some of his hot takes from Vue in 2024, over to Vapor Mode, and Tailwind.Enjoy the episode!Our GuestJustin SchroederBlueskyWebFormKitChapters(00:00) - Welcome to DejaVue (00:23) - Guest Introduction (01:15) - How did you get started in programming and Vue.js? (06:02) - Frameworks as resource for learning patterns (11:21) - The biggest reason to change a framework (14:12) - Which framework would you choose for a new project? (16:26) - SolidStart as a fresh start for a framework? (17:56) - Adapting and managing expectations as a maintainer (23:14) - Why Forms are hard and how does FormKit came up? (32:26) - Accessibility for complex forms and components (44:37) - How does FormKit sustain itself? (49:13) - Physical to digital Forms with AI (53:21) - Do you have to utilize AI as a Developer? (01:03:42) - Justin's Hot Takes
After our recap episode on 2024, it is time to look into 2025 - and share our predictions and even some rather spicy hot takes what developers can expect in 2025. Of course, Michael and Alex once again have the Nuxt team Lead Daniel Roe on the show to get some insights on his takes as well! Find out more about their thoughts on Vue Vapor, Nuxt 4, Conferences, Alien Signals, Vue 4, Nitro and many more topics that will be (most likely) relevant in this year.While the focus is mainly Vue and Nuxt, topics around general Web Development are covered too - from AI to Open Source and the job market in 2025.Enjoy the Episode!Our GuestDaniel RoeBlueskyWebYouTubeTwitchChapters(00:00) - Welcome to DejaVue (01:21) - Daniel's Injuries and Accessibility (03:13) - Fake teeth and other foolery (04:10) - Biomodding your teeth (06:25) - Is 2025 the year of Nuxt 4? (11:49) - React Metaframeworks and the year of Nitro? (17:28) - Course Announcements (21:41) - No more Vinxi in 2025? (26:03) - A prediction from the future (31:14) - Will 2025 shift Open Source Sustainability... (32:08) - ...driven by the WordPress incident? (36:37) - Why hasn't there been a WordPress fork? (39:10) - More amazing Conferences coming in 2025? (42:55) - Vue Vapor in 2025 (47:56) - The Year of AI Agents? (53:10) - Alien Signals Adoption in the JS World (54:14) - Vue 4 coming in 2025? (55:17) - A Unified JavaScript Toolchain in 2025? (56:12) - The Developer Job Market in 2025 (01:00:21) - What are you predictions for 2025? (01:00:56) - Daniel's info and Alex' last prediction Links and ResourcesAccessibility ChartState of JS SurveyAlex' Video on State Of JS through the Vue lenseDaniel's upcoming React to Nuxt courseMastering Nuxt (3 at the time of recording)*Alex' upcoming Nitro CourseBadass Courses' Course Builder RepoVinxiNikhil's tweetNIH tendencyXKCD standardsthanks.devOpen Source PledgeMadVuePragVueKazupon's Tweet on Vapor with other FrameworksMeta on Large Concept ModelsYour HostsAlexander LichterBlueskyYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
Of course, we can't fully start into 2025 with a little ReVue of the past year. And to make sure to catch all the highlights, Alex is joined by Daniel Roe, full-time open source developer and lead of the Nuxt team to go through some notable events of 2024 in the Vue and Nuxt ecosystem.In addition to the shining moments of 2024, don't miss out a deep dive into web fonts, learn why Nuxt 4 isn't out yet if you didn't know already and maybe even get a slight glimpse into 2025 and Nuxt 5.Enjoy the Episode!Our GuestDaniel RoeBlueskyWebYouTubeTwitchChaptersLinks and ResourcesJoin Vue.js Amsterdam 2025* and get 10% off with code DEJAVUENuxt FontsDaniel's Talk at Vue Amsterdam 2024FontainePostCSS Font MagicianAlien SignalsTC39 Polyfill Alien Signals PRVolarVue TSC as part of the language toolssharedPrerenderData VideoUpgrade to Nuxt 4 via compatibilityVersion alreadyNitroSSR Logs in the BrowserNuxt 3.15.2Nuxt BridgeVue MacrosViteElkStackBlitzxkcd 2347: DependencyuseId(Lazy) HydrationdefineModelHydration message improvements on Vue 3.4Reactive props destructurev-bind shorthandNuxt OG ImageUnoCSSVue is the fastest SSR FrameworkInspira UI ComponentsYour HostAlexander LichterBlueSkyYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
In this episode, Michael talks with Adam Jahr, Founder of Vue Mastery, all about creating technical content - and how this is relevant for you as a developer.Tune in and figure out how Adam founded Vue Mastery, what his biggest learnings from his Coding Bootcamp times were and learn key tips that can set your content apart from others!And as a bonus - learn what creating content, regardless the format, has to do with Harry Potter or Lord of the Rings.Ready? Then wait no furtherEnjoy the Episode!Our GuestAdam JahrVue MasteryAdam on XVueMastery on YouTubeChapters(00:00) - Welcome to DejaVue (01:03) - Why creating technical content is key (02:16) - What is Vue Mastery? (05:52) - Biggest learnings from Coding Bootcamp times (09:46) - Getting in touch early with the Vue community (15:03) - Splitting time between marketing and creating content (18:40) - Importance of different Creators and learning Formats (20:07) - How to reach and teach developers (31:41) - The same framework applied to sales (33:19) - Applying it to your own stuff (34:44) - A glimpse down the rabbit hole (39:22) - Creating an open loop (43:32) - Music Production and Sourdough (47:47) - Show them the "Why" (52:45) - Isolating focus (58:26) - Magic Move and Animations (01:03:18) - Where can we follow you Adam? (01:04:19) - Wrapping up Links and ResourcesJoin Vue.js Amsterdam 2025* and get 10% off with code DEJAVUEHero's JourneyVue MasteryMichael's Composable Design Course (out now!)DejaVue Episode #020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)Your HostMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
To start the year light and fun, Michael and Alex are joined by Rijk van Zanten, the creator of Directus.Of course we talk about his journey into web development, the Vue.js ecosystem, what Directus is and why he chose Vue over other frameworks for it's extensible frontend.Further, Rijk shares his thoughts on the Vue.js job market and how his "Quadruple Migration", over to the Composition API, Pinia, Vue 3 and Vite, went. As a cherry on top - this all started *very* early in the development cycle of Vue 3!But the fun doesn't and there because Rijk comes with the one or the other hot take on topics like TypeScript and whether our libraries will be worse for JavaScript developers, testing, and many many other scenarios.Enjoy the Episode!Our GuestRijk van ZantenDirectusBlueSkyWebChapters(00:00) - Welcome to DejaVue (00:47) - How did you got into Web Development and Vue? (03:10) - Does Vue appeal to a certain kind of people? (05:35) - The web as the primary platform (07:47) - What is Directus? (10:34) - Why Vue.js and not React for Directus? (18:28) - Jobs for Vue vs. React Developers (26:33) - Green Flags for Hiring Candidates (27:19) - Composition API and Pinia from 0.0.1 (39:02) - Breaking changes and Migrating from early versions (44:28) - Testing when Prototyping - Unit and E2E (53:11) - The right level of Testing for the project (55:56) - Mutation Testing (59:09) - Does TypeScript makes us writing worse JS libraries? (01:09:09) - Dealing with Legacy and EOL (01:18:38) - Where can people Follow you? (01:19:42) - Wrapping up Links and ResourcesJoin Vue.js Amsterdam 2025* and get 10% off with code DEJAVUEConTejas Podcast with AlexMichael's Clean Components ToolkitMichael's Upcoming Composable Design CourseDaniel Roe's React To Nuxt CourseAlex's Next to Nuxt Migration in less than 1h VideoStryker Mutation Testing FrameworkDejaVue Episode #038 - Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar)Your HostsAlexander LichterTwitterYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
This DejaVue episode comes as a little special! As a belated Christmas present, we got everything, literally everything that was discussed on this podcast about one big topic: Composition API vs. Options API.A lot of our previous guests had their own takes on the two APIs - and some might surprise you! So, why not tuning in and hear fifteen people talk about their opinions, insights and suggestions when it comes to using their preferred API in Vue - and why.Oh, and yes - there is even a little spoiler for next weeks episodeEnjoy the episode! Chapters(00:00) - Welcome to the DejaVue Special (00:37) - Evan You (18:04) - Natalia Tepluhina (26:09) - Tim Benniks (27:11) - Joe Tannenbaum (30:14) - CJ Reynolds (37:33) - Simone Cuomo (41:28) - Sumit Kumar (48:29) - Jakub Andrzejewski (49:54) - Rijk van Zanten (53:47) - Eduardo San Martin Morote (57:46) - Vue Toronto Panel (58:18) - Wrapping Up Links and ResourcesOrganizing Composition API Code VideoMichael's Inline Composable ArticleScreenshot CAPI OAPI ComparisonEvan's Migrated FilePiniaReferenced EpisodesDejaVue #E015 - Ten Years of Vue.js (with Evan You)DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)DejaVue #E009 - Vue.js in Large Applications (with Tim Benniks)DejaVue #E029 - Inertia.js (with Joe Tannenbaum)DejaVue #E033 - Vue or React (with CJ Reynolds)DejaVue #E032 - Getting Started with Vue.js (with Simone Cuomo)DejaVue #E039 - Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar)DejaVue #E036 - Secure your Vue and Nuxt Applications (with Jakub Andrzejewski)DejaVue #E041 - The Quadruple Migration (with Rijk van Zanten) is coming up NEXT WEEKDejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote)DejaVue #E037 - VueConf Toronto Panel (with Evan You, Daniel Roe, Sigrid Huemer and John Leider)Your HostsAlexander LichterBlueSkyTwitterYouTubeTwitchWebsiteMichael ThiessenTwitterYouTubeWebsiteLinks marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
The second half of the conversation with Sumit Kumar focuses all on the technical side of his SaaS.At first, Michael and Alex talk about Sumit's experience with the migration from Nuxt 2 to Nuxt 3 - and we all know this isn't an easy one. Further, the Composition API vs. the Options API, as well as structuring code and writing good composables are discussed.And of course, the question if Sumit considered rewriting the application based on another tech stack was part of it too - he had really good reasons why he didn't! Time to tune in.Enjoy the Episode!Our GuestSumit KumarParqet (GER)BlueSkyTwitterYouTubeChapters(00:00) - Welcome to DejaVue (00:44) - How did your Nuxt migration go? (02:32) - When did you start considering migration and why not earlier? (04:42) - Composition API only packages and other pitfalls (06:46) - Steps that you tried out (10:11) - No such migration anymore (10:28) - Time frame of the migration (12:07) - What is CAPI and what stays OAPI (15:31) - Getting acquainted with the Composition API (18:28) - Structuring your Script part (26:00) - Reusing Composables (30:56) - Changing the Tech Stack? (38:35) - Wrapping Up Links and ResourcesFill out the State of Vue.js SurveyPiniaMichael's Inline Composable ArticleOrganizing Composition API Code VideoMichael's Composable Design Patterns Course (Early Access)Screenshot CAPI OAPI ComparisonEvan's Migrated FileDejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina)DejaVue #E010 - Design Patterns in Vue.jsYour HostsAlexander LichterTwitterYouTubeWebsiteMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
Dans cet épisde en audio et en vidéo (youtube.com/lescastcodeurs), Guillaume et Emmanuel discutent des 15 ans de Go, d'une nouvelle approche de garbage collecting, de LLMs dans les applications Java, dobservabilité, d'une attaque de chaine d'approvisionnement via javac et d'autres choses. Enregistré le 13 décembre 2024 Téléchargement de l'épisode LesCastCodeurs-Episode-319.mp3 News Langages Go fête son 15ème anniversaire ! https://go.dev/blog/15years discute les 15 ans la corrections de gotchas dans les for loops (notamment les variables étaient loop scoped) le fait que la compile echoue si on attend une version de go superieure seulement depuis go 1.21 en parallele de la gestion de la chaine d'outil (c'est en 2023 seulement!) opt-in telemetrie aussi recent Construire OpenJDK à partir des sources sur macOS https://www.morling.dev/blog/building-openjdk-from-source-on-macos/ de maniere surprenante ce n'est pas tres compliqué Papier sur l'aproche Mark-scavenge pour un ramasse miette https://inside.java/2024/11/22/mark-scavenge-gc/ papier de recherche utiliser l'accessibilité pour preuve de vie n'est pas idéal: un objet peut etre atteignable mais ne sera jamais accedé par le programme les regions les plus pauvres en objets vivant voient leurs objets bouger dans uen autre region et la regio libéré, c'est le comportement classique des GC deux methodes: mark evaguate qui le fait en deux temps et la liveness peut evoluer ; et scavenge qui bouge l'objet vivant des sa decouverte ont fait tourner via ZGC des experience pour voir les objects consideres vivants et bougés inutilement. resultats montrent un gros taux d'objets bougés de maniere inutile proposent un algo different ils marquent les objets vivants mais ne les bougent pas avant le prochain GC pour leur donner une change de devenir unreachable elimine beaucoup de deplacement inutiles vu que les objets deviennent non accessible en un cycle de GC jusquà 91% de reduction ! Particulierement notable dans les machines chargées en CPU. Les tokens d'accès court ou longs https://grayduck.mn/2023/04/17/refresh-vs-long-lived-access-tokens/ pourquoi des long access tokens (gnre refresh token) sont utilises pour des short lived dans oauth 2.0 refresh token simplifient la revocation: vu que seul le auth serveur a a verifier la révocation et les clients vérifient l'expiration et la validité de la signature refresh token ne sont envoyés que entre endpoints alors que les access tokens se baladent pas mal: les frontières de confiance ne sont pas traversées refresh token comme utilise infréquement, et donc peut etre protegee dans une enclave les changements de grants sont plus simple tout en restant distribuable histoire des access refresh token et access token permet de mieux tracer les abus / attaques les inconvenients: c'est plus compliqué en flow, the auth serveur est un SPOF amis mitigeable Java Advent est de retour https://www.javaadvent.com/calendar backstage Java integrite par defaut (et ses consequences sur l'ecosysteme) timefold (sovler) Les extensions JUNit 5 OpenTelemetry via Java Agent vs Micrometer analyse statique de code CQRS et les fonctionalités modernes de Java java simple (sans compilatrion, sans objet fullstack dev with quarkus as backend José Paumard introduit et explique les Gatherers dans Java 24 dans cette vidéo https://inside.java/2024/11/26/jepcafe23/ Librairies Micronaut 4.7, avec l'intégration de LangChain4j https://micronaut.io/2024/11/14/micronaut-framework-4-7-0-released/ Combiner le framework de test Spock et Cucumber https://www.sfeir.dev/back/spock-framework-revolutionnez-vos-tests-unitaires-avec-la-puissance-du-bdd-et-de-cucumber/ les experts peuvent écrire leurs tests au format Gherkin (de Cucumber) et les développeurs peuvent implémenter les assertions correspondantes avec l'intégration dans Spock, pour des tests très lisibles Spring 6.2 https://spring.io/blog/2024/11/14/spring-framework-6-2-0-available-now beans @Fallback améliorations sur SpELet sur le support de tests support de l'echape des property placeholders une initioalisation des beans en tache de fond nouvelle et pleins d'autres choses encore Comment créer une application Java LLM tournant 100% en Java avec Jlama https://quarkus.io/blog/quarkus-jlama/ blog de Mario Fusco, Mr API et Java et Drools utilise jlama + quarkus + langchain Explique les avantage de l'approche pure Java comme le cycle de vie unique, tester les modeles rapidement, securite (tout est in process), monolithe ahahah, observabilité simplifiée, distribution simplifiée (genre appli embarquée) etc Vert.x 5 en seconde incubation https://vertx.io/blog/eclipse-vert-x-5-candidate-2-released/ Support des Java modules (mais beacoup des modules vert.x eux-même ne le supportent pas support io_uring dans vert.x core le load balancing côté client le modele des callbacks n'est plus supporté, vive les Futur beaucoup d'améliorations autour de gRPC et d'autres choses Un article sur Spring AI et la multi modalite audio https://spring.io/blog/2024/12/05/spring-ai-audio-modality permet de voir les evolutions des APIs de Spring AI s'appluie sur les derniers modeles d'open ai des examples comme par exemple un chatbot voix et donc comment enregistrer la voix et la passer a OpenAI Comment activer le support experimental HTTP/3 dans Spring Boot https://spring.io/blog/2024/11/26/http3-in-reactor-2024 c'ets Netty qui fait le boulot puis Spring Netty l'article décrit les etapes pour l'utiliser dans vos applis Spring Boot ou Spring Cloud Gateway l'article explique aussi le cote client (app cliente) ce qui est sympa Infrastructure Un survol des offres d'observabilité http://blog.ippon.fr/2024/11/18/observabilite-informatique-comprendre-les-bases-2eme-partie/ un survol des principales offres d'observabilité Open source ou SaaS et certains outsiders Pas mal pour commencer à défricher ce qui vous conviendrait blog de ippon Web Sortie de Angular 19 https://blog.ninja-squad.com/2024/11/19/what-is-new-angular-19.0/ stabilité des APIs Signal APIs migration automatique vers signals composants standalone par défaut nouvelles APIs linkedSignal et resource de grosses améliorations de SSR et HMR un article également de Sfeir sur Angular 19 https://www.sfeir.dev/front/angular-19-tout-ce-quil-faut-savoir-sur-les-innovations-majeures-du-framework/ Angluar 19 https://www.sfeir.dev/front/angular-19-tout-ce-quil-faut-savoir-sur-les-innovations-majeures-du-framework/ composant standalone par default (limiter les problemes de dependances), peut le mettre en strict pour le l'imposer (ou planter) signalement des imports inutilisés @let pour les variables locales dans les templates linkedSignal (experimental) pour lier des signaux entre eux (cascade de changement suite a un evenement hydratation incrementale (contenu progressivement interactif avec le chargement - sur les parties de la page visible ou necessaires et event replay, routing et modes de rendu en rendy hybride, Hot module replacement etc The State of Frontend — dernière compilation des préférences des développeurs en terme de front https://tsh.io/state-of-frontend/ React en tête, suivi de Vue et Svelte. Angular seulement 4ème Côté rendering framework, Next.js a la majorité absolue, ensuite viennent Nuxt et Astro Zod est la solution de validation préférée Pour la gestion de date, date-fns est en tête, suivi par moment.js Côté state management, React Context API en première place, mais les suivants sont tous aussi pour React ! Grosse utilisation de lodash pour plein d'utilités Pour fetcher des resources distantes, l'API native Fetch et Axios sont les 2 vaincoeurs Pour le déploiement, Vercel est premier Côté CI/CD, beaucoup de Github Actions, suivi par Gitlab CI Package management, malgré de bonnes alternatives, NPM se taille toujours la part du lion Ecrasante utilisation de Node.js comme runtime JavaScript pour faire du développement front Pour ce qui est du typing, beaucoup utilisent TypeScript, et un peu de JSdoc, et la majorité des répondants pensent que TypeScript a dépassé JavaScript en usage Dans les API natives du navigateur, Fetch, Storage et WebSockets sont les APIs les plus utilisées La popularité des PWA devrait suivre son petit bonhomme de chemin En terme de design system, shadcn.ui en tête, suivi par Material, puis Bootstram Pour la gestion des styles, un bon mix de plain old CSS, de Tailwind, et de Sass/CSS Jest est premier comme framework de tests Les 3/4 des développeurs front utilisent Visual Studio Code, quant au quart suivant, c'est JetBrains qui raffle les miettes Pour le build, Vite récolte les 4/5 des voix ESLint et Prettier sont les 2 favoris pour vérifier le code Parfois, on aimerait pouvoir tester une librairie ou un framework JavaScript, sans pour autant devoir mettre en place tout un projet, avec outil de build et autre. Julia Evans explore les différents cas de figure, suivant la façon dont ces librairies sont bundlées https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/ Certaines librairies permette de ne faire qu'un simple import dans une balise script Certaines frameworks sont distribués sous forme d'Universal Module Definition, sous CommonJS, d'ESmodule franchemet en tant que noob c'est compliqué quand même Data et Intelligence Artificielle L'impact de l'IA en entreprise et des accès aux documents un peu laxistes https://archive.ph/uPyhX l'indexing choppe tout ce qu'il peut et l'IA est tres puissante pour diriger des requetes et extraires les données qui auraient du etre plus restreintes Différentes manières de faire de l'extraction de données et de forcer la main à un LLM pour qu'il génère du JSON https://glaforge.dev/posts/2024/11/18/data-extraction-the-many-ways-to-get-llms-to-spit-json-content/ l'approche “je demande gentiment” au LLM, en faisant du prompt engineering en utilisant du function calling pour les modèles supportant la fonctionnalité, en particulier avant les approches de type “JSON mode” ou “JSON schema” ou effectivement si le modèle le supporte aussi, toujours avec un peu de prompting, mais en utilisant le “JSON mode” qui force le LLM a générer du JSON valide encore mieux avec la possibilité de spécifier un schema JSON (type OpenAPI) pour que le JSON en sortie soit “compliant” avec le schéma proposé Comment masquer les données confidentielles avec ses échanges avec les LLMs https://glaforge.dev/posts/2024/11/25/redacting-sensitive-information-when-using-generative-ai-models/ utilisation de l'API Data Loss Prevention de Google Cloud qui permet d'identifier puis de censurer / masquer (“redacted” en anglais) des informations personnelles identifiables (“PII”, comme un nom, un compte bancaire, un numéro de passeport, etc) pour des raison de sécurité, de privacy, pour éviter les brèche de données comme on en entend trop souvent parler dans les nouvelles On peut utiliser certains modèles d'embedding pour faire de la recherche de code https://glaforge.dev/posts/2024/12/02/semantic-code-search-for-programming-idioms-with-langchain4j-and-vertex-ai-embedding-models/ Guillaume recherche des bouts de code, en entrant une requête en langue naturel Certains embedding models supportent différents types de tâches, comme question/réponse, question en langue naturelle / retour sous forme de code, ou d'autres tâches comme le fact checking, etc Dans cet article, utilisation du modèle de Google Cloud Vertex AI, en Java, avec LangChain4j Google sort la version 2 de Gemini Flash https://blog.google/technology/google-deepmind/google-gemini-ai-update-december-2024/ La nouvelle version Gemini 2.0 Flash dépasse même Gemini 1.5 Pro dans les benchmarks Tout en étant 2 fois plus rapide que Gemini 1.5 Pro, et bien que le prix ne soit pas encore annoncé, on imagine également plus abordable Google présente Gemini 2 comme le LLM idéal pour les “agents” Gemini propose une vraie multimodalité en sortie (premier LLM sur le marché à le proposer) : Gemini 2 peut entrelacer du texte, des images, de l'audio Gemini 2 supporte plus de 100 langues 8 voix de haute qualité, assez naturelles, pour la partie audio Un nouveau mode speech-to-speech en live, où on peut même interrompre le LLM, c'est d'ailleurs ce qui est utilisé dans Project Astra, l'application mobile montrée à Google I/O qui devient un vrai assistant vocale en live sur votre téléphone Google annonce aussi une nouvelle expérimentation autour des assistants de programmation, avec Project Jules, avec lequel on peut discuter en live aussi, partager son code, comme un vrai pair programmeur Google a présenté Project Mariner qui est un agent qui est sous forme d'extension Chrome, qui va permettre de commander votre navigateur comme votre assistant de recherche personnel, qui va être capable de faire des recherches sur le web, de naviguer dans les sites web, pour trouver les infos que vous recherchez Cet autre article montre différentes vidéos de démos de ces fonctionnalités https://developers.googleblog.com/en/the-next-chapter-of-the-gemini-era-for-developers/ Un nouveau projet appelé Deep Research, qui permet de faire des rapports dans Gemini Advanced : on donne un sujet et l'agent va proposer un plan pour un rapport sur ce sujet (qu'on peut valider, retoucher) et ensuite, Deep Research va effectuer des recherches sur le web pour vous, et faire la synthèse de ses recherches dans un rapport final https://blog.google/products/gemini/google-gemini-deep-research/ Enfin, Google AI Studio, en plus de vous permettre d'expérimenter avec Gemini 2, vous pourrez aussi utiliser des “starter apps” qui montrent comment faire de la reconnaissance d'objet dans des images, comment faire des recherches avec un agent connecté à Google Maps, etc. Google AI Studio permet également de partager votre écran avec lui, en mobile ou en desktop, de façon à l'utiliser comme un assistant qui peut voir ce que vous faites, ce que vous coder et peut répondre à vos questions Méthodologies Un article de GitHub sur l'impact de la surutilisation des CPU sur la perf de l'appli https://github.blog/engineering/architecture-optimization/breaking-down-cpu-speed-how-utilization-impacts-performance/ c'est surprenant qu'ils ont des effets des 30% de perf c'est du a la non limit thermique, au boost de frequece qui en suit ils ont donc cherché le golden ratio pour eux autour de 60% ils prennent des morceaux de cluster kube poru faire tourner les workloads et ajoutent des wqorkload CPU artificiels (genre math) Sécurité Attaque de la chaîne d'approvisionnement via javac https://xdev.software/en/news/detail/discovering-the-perfect-java-supply-chain-attack-vector-and-how-it-got-fixed s'appuie sur l'annotation processeur l'annotation processors des dependances est chargé et executé au moment du build du projet et cherche les annotations processor dans le user classpath (via le pattern serviceloader) et donc si la dependance est attaquée et un annotation processor est ajouté ou modifié on a un vecteur d'attaque au moment de la compilation du projet ciblé des qu'on deparre l'IDE en gros workaround, activer -proc:none et activer les annotation processors explicitly dans votre outil de build certaines améliorations dans le JDK: le compilateur note qu'il execute un annotation processor dans java 23+ les annotation processors sont deactivés par defaut Conférences La liste des conférences provenant de Developers Conferences Agenda/List par Aurélie Vache et contributeurs : 19 décembre 2024 : Normandie.ai 2024 - Rouen (France) 20 janvier 2025 : Elastic{ON} - Paris (France) 22-25 janvier 2025 : SnowCamp 2025 - Grenoble (France) 24-25 janvier 2025 : Agile Games Île-de-France 2025 - Paris (France) 30 janvier 2025 : DevOps D-Day #9 - Marseille (France) 6-7 février 2025 : Touraine Tech - Tours (France) 21 février 2025 : LyonJS 100 - Lyon (France) 28 février 2025 : Paris TS La Conf - Paris (France) 20 mars 2025 : PGDay Paris - Paris (France) 20-21 mars 2025 : Agile Niort - Niort (France) 25 mars 2025 : ParisTestConf - Paris (France) 26-29 mars 2025 : JChateau Unconference 2025 - Cour-Cheverny (France) 28 mars 2025 : DataDays - Lille (France) 28-29 mars 2025 : Agile Games France 2025 - Lille (France) 3 avril 2025 : DotJS - Paris (France) 10-11 avril 2025 : Android Makers - Montrouge (France) 10-12 avril 2025 : Devoxx Greece - Athens (Greece) 16-18 avril 2025 : Devoxx France - Paris (France) 29-30 avril 2025 : MixIT - Lyon (France) 7-9 mai 2025 : Devoxx UK - London (UK) 16 mai 2025 : AFUP Day 2025 Lille - Lille (France) 16 mai 2025 : AFUP Day 2025 Lyon - Lyon (France) 16 mai 2025 : AFUP Day 2025 Poitiers - Poitiers (France) 24 mai 2025 : Polycloud - Montpellier (France) 5-6 juin 2025 : AlpesCraft - Grenoble (France) 11-13 juin 2025 : Devoxx Poland - Krakow (Poland) 12-13 juin 2025 : Agile Tour Toulouse - Toulouse (France) 12-13 juin 2025 : DevLille - Lille (France) 24 juin 2025 : WAX 2025 - Aix-en-Provence (France) 26-27 juin 2025 : Sunny Tech - Montpellier (France) 1-4 juillet 2025 : Open edX Conference - 2025 - Palaiseau (France) 18-19 septembre 2025 : API Platform Conference - Lille (France) & Online 2-3 octobre 2025 : Volcamp - Clermont-Ferrand (France) 6-10 octobre 2025 : Devoxx Belgium - Antwerp (Belgium) 16-17 octobre 2025 : DevFest Nantes - Nantes (France) 6 novembre 2025 : dotAI 2025 - Paris (France) 12-14 novembre 2025 : Devoxx Morocco - Marrakech (Morocco) 23-25 avril 2026 : Devoxx Greece - Athens (Greece) 17 juin 2026 : Devoxx Poland - Krakow (Poland) Nous contacter Pour réagir à cet épisode, venez discuter sur le groupe Google https://groups.google.com/group/lescastcodeurs Contactez-nous via twitter https://twitter.com/lescastcodeurs Faire un crowdcast ou une crowdquestion Soutenez Les Cast Codeurs sur Patreon https://www.patreon.com/LesCastCodeurs Tous les épisodes et toutes les infos sur https://lescastcodeurs.com/
In this episode of DejaVue, Alex and Michael are joined by Sumit Kumar, the founder of Parqet.Sumit shares his journey from getting into Web Development and Vue.js over to working at Stripe and eventually founding Parqet, a (German) portfolio tracker SaaS. Topics covered in the first part of our conversation include a lot of business insights, such as the transition from being a developer to being a founder, the challenges and benefits of bootstrapping, as well as the importance of marketing.If you are interested in the business side of things, you definitely should not miss out.Enjoy the episode!Our GuestSumit KumarParqet (GER)BlueSkyTwitterYouTubeChapters(00:00) - Welcome to DejaVue (01:28) - How did you get into Web Development and Vue.js? (04:53) - Converging Frameworks (07:39) - Previous Work Experiences and joining Stripe (10:15) - What did you learn from working at Stripe? (14:05) - The Front Page Test (16:39) - How did your start Parqet? (20:12) - The Transition from Developer to Founder (23:02) - Can you focus only on Programming as a Founder? (27:03) - Finding a CEO instead of being one (29:25) - Marketing is Half the Job (30:24) - How did Parqet grow? (39:56) - Why don't you share your MRR anymore? (43:15) - Why did you choose to bootstrap (49:26) - Niche down strategy (51:47) - Dealing with GDPR and localization (01:00:40) - Wrapping up Links and ResourcesFill out the State of Vue.js SurveyAnd also the State of JS Survey
For the first time, the DejaVue Podcast goes "live"! Alex and Michael met up at VueConf Toronto and could do a whole DejaVue episode on stage. Of course, this is even more fun with guests, so they are joined by four speakers of the Conference.Evan You, Creator of Vue, Vite, Rolldown and Founder of VoidZero,Daniel Roe, Lead of the Nuxt Team,Sigrid Huemer, Software Engineer at Sentry, andJohn Leider, Creator of Vuetify.But that's not the end! The audience could ask questions to the whole panel, while the DejaVue hosts curated and selected the most interesting ones.Learn more about how all of the panelists started with Open Source, which were their biggest achievements, how Impostor Syndrome influenced them, what talks they'd be interested in as speakers and much moreEnjoy the Episode!Our PanelistsEvan YouVue.jsViteVoidZeroBlueskyDaniel RoeWebsiteYouTubeBlueskySigrid HuemerWebsiteBlueskyJohn LeiderWebsiteTwitterChapters(00:00) - Welcome to DejaVue Live (00:38) - Introducing our panelists (02:29) - How did you get into Open Source? (06:23) - What side projects are you working on? (11:40) - Do you feel the impostor syndrome? (18:53) - What were your biggest achievements so far? (22:42) - How to get started contributing to Open Source? (34:37) - What kind of talks would you be interested in? (38:55) - Quickfire questions - What is your favorite Vue feature? (39:32) - Options API or Composition API? (39:46) - ref or reactive? (40:03) - Tabs vs. Spaces? (40:34) - Favorite Editor? (40:52) - Conferences in person or remote? (41:06) - Git - Rebase or Merge? (41:28) - Podcast, Video or Blogposts? (41:48) - Your favorite way of writing CSS? (42:42) - What is your favorite Frontend Framework? Links and ResourcesFill out the State of Vue.js SurveyAnd also the State of JS Survey
Security is a topic that is often overlooked in the frontend world. But at least for you all - no longer! To make sure we cover Security for Vue and Nuxt applications as broad as possible, Michael and Alex are joined by Jakub Andrzejewski, who is not only a Senior Frontend Developer but also author of the Nuxt Security Module. We cover not only the module but also how to avoid common security mistakes as a Vue developer and how to protect your applications from vulnerabilities, and which are the most common ones.Of course, we can't miss out on the State of Vue.js Survey, which is currently running and was co-created by Jakub as well!Besides talking about the Security and the State of Vue.js, we also discuss how Jakub got into Vue.js at first and how he perceived the transition to Vue 3 and the Composition API.Enjoy the episode!Our GuestJakub AndrzejewskiBlogBlueskyTwitterChapters(00:00) - Welcome to the DejaVue Podcast (00:12) - Introducing our Guest (02:07) - The Nuxt Ecosystem Team (07:47) - How did you get into Vue.js (13:09) - Transition to Vue 3 and Composition API (17:00) - React Livecoding as a Vue Dev (18:10) - vue-vine for multiple components (20:34) - State of Vue (30:30) - The Nuxt Security Module (37:36) - Will the module project you from everything? (41:59) - The ShipFast incident (45:05) - Ethical Hacking and NPM Security Vulnerabilities (49:24) - Privilege Escalation at Shopify (51:45) - Nuxt Security without a Server (54:28) - More Logic in the Frontend (55:38) - Nothing to Hide? (57:28) - Security Mistakes to Avoid as a Vue Developer (01:02:13) - Wrapping up Links and ResourcesFill out the State of Vue.js SurveyAnd also the State of JS Survey
All of you have seen users do weird things with your application and running into strange scenarios - who can't relate to this?For this and many other reasons, the right way of error handling is important in you application. Join Michael and Alex on a discussion of the different ways one can handle errors in their application.That includes not always showing an error page, but also handling errors request-based or component-based!On that note, error messages and how to write decent ones that are helpful for the users are discussed, as well as how components like NuxtErrorBoundary work under the hoodEnjoy the episode! Chapters(00:00) - Welcome to DejaVue (01:22) - The good old error page (01:58) - Write good error messages! (03:11) - The Vue global error handler (05:07) - Server vs. Client Errors in Nuxt.js (08:34) - The vue:error hook (09:05) - Global error handling for $fetch and interceptors (11:10) - Throw unhandled errors in Prod with Vue 3.5? (13:07) - Component-level error handling (16:33) - NuxtErrorBoundary (18:01) - defineAsyncComponent (18:53) - Request-based error handling (21:45) - New default values in Nuxt 4 (23:30) - Error Tracking (26:33) - Actually handling the errors (28:54) - Wrapping up Links and ResourcesState of JS SurveySentryBugsnagRollbarMichael's talk on error handling in NuxtMichael's article on error handling in Nuxt*And another deep dive into Nuxt 3 error handling*DejaVue #E034 - Data Fetching in Vue and NuxtVue Issue regarding throwing errors in production (low level)VikeNuxtErrorBoundary component Source CodeofetchZodValibotNuxt 4 error and data will be undefined by defaultCreate abstractions for your headings and buttonsYour HostsAlexander LichterBlueSkyTwitterYouTubeTwitchWebsiteMichael ThiessenTwitterYouTubeWebsiteLinks marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
Daniel Roe, Nuxt core team leader, talks about the wide-ranging topic of meta-frameworks. Discover the benefits, use cases, and how these frameworks can transform the productivity of your development team, and delve into the rise of server-side rendering, React server components, and the role of AI in web development. Links https://roe.dev https://github.com/danielroe https://x.com/danielcroe https://bsky.app/profile/danielroe.dev https://www.twitch.tv/danielroe https://www.youtube.com/@danielroe We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Daniel Roe.
In this episode of the Modern Web Podcast, Danny Thompson sits down with Ferdinand Como and Baptiste Leproux from Nuxt Labs to uncover the story behind Nuxt Studio, a tool that's transforming how developers and non-technical users interact with Nuxt applications. Ferdinand and Baptiste share how Nuxt Studio bridges the gap between developer customization and user-friendly content management. Built to empower agencies, freelancers, and their clients, Nuxt Studio combines powerful features like live previews, Vue component integration, and schema-driven forms to make managing content seamless. The conversation also explores the broader mission of Nuxt Labs—building sustainable open-source tools that enhance developer experience and meet real-world needs. With insights into the future of Nuxt Studio and its potential to scale for larger organizations, this episode is a must-listen for anyone passionate about innovation in web development. Chapters 1. Introduction and Setting the Stage (00:00:00) 2. The Vision Behind Nuxt Studio (00:03:10) 3. Nuxt Studio's Core Features (00:08:45) 4. Challenges in Building Nuxt Studio (00:16:20) 5. Target Audience and Use Cases (00:22:35) 6. Sustainability in Open Source (00:29:00) 7. The Future of Nuxt Studio (00:35:10) 8. Nuxt Studio's Role in the Nuxt Ecosystem (00:42:30) 9. Closing Thoughts and What's Next (00:48:00) 10. Sponsor Shoutout and Wrap-Up (00:53:20) Follow Baptiste Leproux and Ferdinand Coumau Baptiste Twitter: https://x.com/_larbish Ferdinand Twitter: https://x.com/CoumauFerdinand Baptiste Linkedin: https://www.linkedin.com/in/baptiste-leproux-618842b0/Ferdinand Linkedin: https://www.linkedin.com/in/ferdinand-coumau-nuxt/ Sponsored by This Dot: thisdot.co
Data fetching is a crucial part of any web application. In this episode of DejaVue, we discuss the different ways to fetch data in Vue.js and Nuxt.js, and how to cache it. We also talk about the experimental Suspense feature in Vue.js and how it can be used to improve the user experience, as well as how to handle third-party scripts in your application.In addition, Nuxt's data fetching options are discussed, including the $fetch method, useFetch, useAsyncData and the useNuxtData composable. Finally, we cover server-side caching in Nuxt.js, including route rules, defineCachedEventHandler, and defineCachedFunction.Enjoy the episode! Chapters(00:00) - Welcome to DejaVue (00:50) - Which topics should be covered next? (01:56) - This episodes topic - Data Fetching (04:13) - Two ways of client-side caching (06:17) - What is Data Fetching actually - and which library to use? (08:19) - Suspense in Vue.js (14:03) - Third Party Scripts (17:38) - Data fetching basics in Nuxt.js (20:28) - $fetch vs useFetch (23:27) - $fetch request deduplication on the server (24:43) - Caching in Nuxt.js (28:18) - routeRules of server-side caching (29:38) - defineCachedEventHandler / defineCachedFunction (32:19) - Unstorage for storing the cached files (35:41) - useNuxtData (40:26) - Why does Nuxt offer more data fetching options? (45:32) - Wrapping up Links and ResourcesLAST CHANCE 15% discount for the VueConf Toronto* with code DEJAVUEofetchkySuspense in VueData LoadersDejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote)nuxt-workersPartytownsquoosh.appDejaVue #E001 - The Need for SSRYou are using useFetch wrongDejaVue #E003 - Nitro: The Next Generation Server ToolkitCaching in NitroClient side caching with getCachedDataComposable Caching Utils issueRoute Rules in NuxtDejaVue #E002 - Building a Nuxt.js SaaS in less than a week (with Harlan Wilton)Your HostsAlexander LichterBlueSkyTwitterYouTubeTwitchWebsiteMichael ThiessenTwitterYouTubeWebsiteLinks marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
Alex is accompanied by the wonderful CJ Reynolds in this episode of DejaVue. The Senior Creator at Syntax.fm brings not only Vue experience but also a history of Angular JS and React, as well as various other technologies.The two content creators talk about how CJ became a senior creator at the well-known Syntax.fm podcast and how it is different from Streaming on Twitch and his previous content creation processes. Further, CJ gives insights on how the Denver Vue meetup evolved (now the DenverScript meetup) and shares some hopes when it comes to the meetup scene.Alex and CJ then discuss more technical topics - for example why CJ never fully switched over to Vue but still writes it a lot. The discussion eventually goes into comparisons between Vue and React, highlighting what Vue does "better" than React and how the Vue ecosystem shapes the web development work.Enjoy the episode!Our GuestCJ ReynoldsOwn WebsiteSyntax WebsiteTwitchYouTube (Coding Carden)YouTube (Syntax.fm)BlueSkyTwitterChapters(00:00) - Welcome to DejaVue (00:47) - How CJ joined the podcast (01:38) - How did you become the Senior Creator at Syntax.fm do? (06:00) - Differences to previous gigs and streaming (12:17) - From starting with web development to Vue.js (15:54) - Running the Vue Denver meetup (19:25) - Is the meetup scene growing again? (21:13) - Why didn't you switch fully to React? (23:49) - What Vue does "better" than React (27:01) - Two-way data binding (31:35) - How opinionated is Vue (32:58) - Vue without a build step (35:01) - Does Vue "seem" too magical? (36:07) - "Needing" a meta framework? (38:50) - Nuxt and the UnJS packages (41:01) - Frameworks converging (41:55) - Vue did Signals "first" (42:58) - Is Vue bad at marketing? (44:40) - Vue Job market (45:40) - Vue and Innovation (46:59) - Vue being left out of the conversation (50:52) - What stops from switching to Vue? (53:52) - The change to Vue 3 and the Composition API (01:02:38) - VueUse as a good example (01:03:26) - Composition API without script setup (01:05:56) - Where people can follow CJ (01:06:34) - Wrapping up Links and ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *Syntax PodcastDenverScriptimmerImmutable.jspetite-vueEpisode 16 - The Future of Vue.js (with Evan You)vinxiEpisode 30 - Pinia and Data Loaders (with Eduardo San Martin Morote)Vue Data LoadersNitroInterview with Evan You about VoidZeroSyntax Video Series - React vs VueHeadless UIFormKitOrganizing Code when using the Composition APIYour HostAlexander LichterBlueSkyTwitterYouTubeTwitchWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
In this episode of DejaVue, Michael is joined by special guest Simone Cuomo. Together, they discuss how to "get started" with Vue and also topics around general developer culture, such as in-office vs. remote work and the power of mentorship.Simone also shares learnings and insights from the recent Vuejs.de Conference - as well as his hot take about Vue.js (Hint: it is related to the Composition API!)And of course, recent topics like AI and whether it is good or bad for beginners shouldn't be left out either.Enjoy the episode!Our GuestSimone CuomoWebsiteTwitterChapters(00:00) - Welcome to DejaVue (01:51) - Experience with in-office work (07:20) - Mentorships (11:57) - Job-ready after university (18:37) - Learnings from the Vuejs.de Conference (24:27) - Simone's Hot Take on Vue.js (31:12) - Getting Started with Vue.js (38:30) - Tip for reading complex library code (39:35) - Is AI helpful for junior developers? (49:07) - Wrapping Up Links and ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *GitKrakenVuejs.de Conf PanelVueUseSimone's new book - Vue.js 3 for BeginnersSimone's first book - Beyond codingWhat is a composableYour HostMichael ThiessenTwitterYouTubeWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
In this episode of the Virtual Coffee Podcast, hosts Bekah Hawrot Weigel and Dan Ott delve into the journey of climbing the contributor ladder in open-source projects. They explore the progression from contributor to maintainer, focusing on the importance of trust-building, consistent contributions, and respectful interactions within the community. Key strategies discussed include engaging with project documentation, reproducing bugs, and effective communication. The episode also highlights how projects like Astro and Nuxt guide contributors and the role of events like Hacktoberfest in encouraging new participation. Real-life examples illustrate how proactive engagement can lead to managing more complex tasks and even job opportunities. Sponsored by Level Up Financial Planning, this insightful episode is a must-listen for anyone looking to make significant strides in the open-source community. Visit https://virtualcoffee.io/resources/developer-resources/open-source for additional resources.Episode Sponsor!We're grateful to be sponsored by LevelUP Financial Planning, who understands the importance of finding balance between having an awesome life today, and being confident and excited about your future possibilities. If you want to take your financial confidence to the next level, check out levelupfinancialplanning.com.Sponsor Virtual Coffee! Your support is incredibly valuable to us. Direct financial support will help us to continue serving the Virtual Coffee community. Please visit our sponsorship page on GitHub for more information - you can even sponsor an episode of the podcast! Virtual Coffee: Virtual Coffee: virtualcoffee.io Podcast Contact: podcast@virtualcoffee.io Bekah: dev.to/bekahhw, Twitter: https://twitter.com/bekahhw, Instagram: bekahhw Dan: dtott.com, Twitter: @danieltott
In this episode, AJ and Steve dive deep into the world of Vue.js and API integration with a special guest, Daniel Kelly, a seasoned lead instructor at Vue School. this episode is packed with valuable discussions on using the useFetch Vue component for seamless API requests, navigating the challenges of migrating from Vue 2 to Vue 3, and embracing TypeScript for a more robust development experience.They also explore the impactful updates coming with Nuxt 4 and Vue 3.5, the benefits of Vue.js certifications for career growth, and how tools like Nitro and auto-import features in Nuxt 3 can enhance your development workflow. Plus, enjoy a range of recommendations from books and music to tech innovations and humorous dad jokes.So, whether you're a seasoned Vue developer or just starting, this episode offers something for everyone. Tune in, and elevate your JavaScript journey!SocialsLinkedin: Daniel KellyPicksDaniel - Fairy TaleDaniel - Believe by Yellowcard Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.
Host(s):John Papa @John_PapaWard Bell @WardBellCraig Shoemaker @craigshoemakerGuest:Brandon Roberts on @brandontrobertsRecording date: July 18, 2024Brought to you byAG GridIdeaBladeResources:AnalogJSAngularSpartanShipping What You Use - Open Source Chronicles with Brandon RobertsThe meta framework Next.js for ReactThe meta framework SvelteKit for SvelteThe meta framework Nuxt.js for VueRemix vs Next.jsAnalog.js vs Next.jsGet started with Analog and AngularIgor MinarVideo of SSR, Full Stack, Angular and Analog at ngRomePlaywright testing frameworkWeb Rush Episode 235: Playwright with Debbie O'BrienAnalogJS on GitHubAnalogJS InsightsTimejumps00:39 What's the next thing you're going to be working on?01:44 Welcome Brandon Roberts back03:34 What is AnalogJS?05:54 Sponsor: Ag Grid07:00 How have meta frameworks changed over the years?13:31 Getting frustrated at the lack of convention in Angular15:02 Why are these features in a meta framework instead of being part of Angular?17:10 What do I need to learn to use Analog that differs from Angular?20:45 Sponsor: IdeaBlade21:44 How do I need to think about designing an app to use Analog?32:38 What's next for Analog?34:49 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.
Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue's built-in styles. Show Notes 00:00 Welcome to Syntax! 00:46 Brought to you by Sentry.io. 02:24 What is Vue? 04:13 Similar to Svelte, different from React. 05:35 How to get started with Vue. 05:43 Script tag. 06:01 CLI. 07:10 The value of an opinionated CLI. 10:51 Why do you like Vue.js over React or Svelte? 11:03 Less boilerplate. 15:24 Self-closing tags. 16:09 Svelte parsing HTML tags incorrectly. Hacker News Article. 17:08 Easily adding event handlers to elements. 18:20 Conditional rendering. 19:19 What is a directive? 20:29 ‘Borrowing' from Angular One. 21:07 Styles are built in. 22:11 Tailwind for scoping. 26:08 State management. 30:28 Ref Functions similar to Svelte Runes. 32:03 Global state management. 34:24 Pinia. 36:18 What is the full-stack application platform for Next.js? 38:00 Nuxt auto-imports. sveltekit-autoimport. 39:37 Creating API functions and server side codes. 41:12 The future of Vue and compilers for front end frameworks. 41:43 Vue's compiler. 44:19 Are people actually using Vue? 46:50 Laravel and Vue. 48:29 Sick Picks & Shameless Plugs. Vue.js: The Documentary. Sick Picks Scott: Jordan Roam Slides. CJ: USB Charging Hub Shameless Plugs Scott: Syntax on GitHub CJ: Syntax.fm Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott: X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads
Welcome to another episode of Screaming in the Cloud, where we're joined by Anthony Fu, a framework developer at Nuxt Labs and the creator of SlideDev. Anthony has diversified the way presentations are crafted by integrating coding directly into slide development. In this episode, Corey and Anthony discuss the benefits of using markdown to craft slides, the challenges associated with traditional presentation tools like Keynote, and the open-source contributions that have propelled the development of this innovative software. Anthony also shares his inspiration for creating a tool that streamlines and enhances the presentation creation process for both developers and non-developers.Show Highlights: (00:00) Introduction (03:13) The origins of SlideDev (04:47) The challenges with traditional presentation tools and the advantages of using Markdown for slides(06:04) How SlideDev simplifies slide creation for presentations (07:01) Corey shares his surprise at the utility of SlideDev for non-frontend developers (09:56) Addressing the challenges of aligning text and images in presentations (11:09) Anthony discusses his design philosophy for SlideDev(15:14) Balancing feature requests and maintaining simplicity for SlideDev(16:38) Anthony explains the importance of community contributions to SlideDev (20:13) They discuss implementing new features into SlideDev's evolution(24:15) Anthony's insights into the open-source philosophy behind SlideDev (27:09) SlideDev's approach to redistributing sponsorships to support its dependencies through Open Collective(31:46) Corey mentions contributing to SlideDev's documentation to make it more accessible(33:41) Closing remarks & where to connect with Anthony About Anthony Fu:Anthony is a fanatical open sourceror. Core team member of Vue, Nuxt, and Vite. Creator of Vitest, Slidev, VueUse, UnoCSS and Elk. Working at NuxtLabs. Links referenced:Anthony Fu's Personal Website: https://antfu.me/Anthony Fu on LinkedIn: https://www.linkedin.com/in/antfu/?originalSubdomain=fr Anthony Fu on Twitter: https://x.com/antfu7NuxtLabs: https://nuxtlabs.com * Sponsor Prowler: https://prowler.com
Vue is a popular JavaScript frontend framework, and Nuxt is an open source meta-framework on top of Vue. Anthony Fu is a Framework Developer on the Nuxt team. He joins the show to talk about Vue, Nuxt, open source development, and more. Josh Goldberg is an independent full time open source developer in the TypeScript The post Nuxt JS with Anthony Fu appeared first on Software Engineering Daily.
Vue is a popular JavaScript frontend framework, and Nuxt is an open source meta-framework on top of Vue. Anthony Fu is a Framework Developer on the Nuxt team. He joins the show to talk about Vue, Nuxt, open source development, and more. Josh Goldberg is an independent full time open source developer in the TypeScript The post Nuxt JS with Anthony Fu appeared first on Software Engineering Daily.
Erneut haben wir uns Alexander Lichter (LinkedIn / Mastodon / Twitter) in die Sendung eingeladen, der sich als Web-Engineering-Consultant, Trainer und Video–Streamer nicht nur mit Vue.js, Nuxt oder Un…
Diese Revision wollten wir uns mit Nuxt und UnJS befassen und haben uns als Gesprächspartner Alexander Lichter (LinkedIn / Mastodon / Twitter) eingeladen, der sich nicht nur als Web-Engineering-Consul…
In this episode, we bring Daniel Roe, the Lead Maintainer of Nuxt.js, an open source framework that makes web development intuitive and powerful. Today, he shares his journey into the framework and sheds some light on intriguing questions surrounding its development and usage. Today's talk ranges from the origins of Nuxt to its unique features and practical tips for developers, deliberate naming, comparison with Next.js and technical and detailed discussion regarding performance optimization and project structuring.Learn back-end development - https://boot.devListen on your favorite podcast player: https://www.backendbanter.fmDaniel's Twitter: https://x.com/danielcroeDaniel's Website: https://roe.dev/Nuxt Framework: https://nuxt.com(00:14) - How did Daniel Roe join Nuxt? (02:53) - Elk, Moose and Wilderness (06:07) - Was it named Nuxt intentionally to confuse people? (08:32) - Next.js vendor lock-in criticism and does Nuxt have any similar issues (11:31) - Boot.dev moved from a Vue 3 SPA to Nuxt (14:19) - Auto-importing by default? (20:01) - Using longer variable names because of global namespace (21:58) - Explaining the default Nuxt payload behavior (26:59) - Default prefetching (30:17) - What are the most common use cases for Nuxt apps (32:32) - Who has control in your project? (33:45) - Enabling JavaScript or not? (37:25) - Updating head tags in Nuxt (39:09) - New feature that improves script handling in Nuxt (41:01) - What do you prioritize? Interactivity or Scripts? (42:06) - Google Tag Manager (46:07) - What's Daniel's favorite Nuxt feature? (47:11) - Types are amazing! (49:37) - How did the Idea of Boot.dev came to be? (51:24) - Gamification of coding (53:46) - Theory is picked up from practice (56:05) - What's one thing you'd instantly change about Nuxt if you could (59:04) - Separation of what goes on in the client vs the server in the same file (01:04:44) - Where to find Daniel
On this episode of the Modern Web Podcast, Rob Ocel interviews Daniel Roe, a framework lead at Nuxt, Google GDE, and Microsoft MVP. They discuss Daniel's journey into open source, the role of hype and venture capital in the open source ecosystem, and ways to contribute to open source projects. Finally, they discuss the challenges the open source ecosystem faces and why this is an issue that more companies and developers should be paying attention to. Sponsored by This Dot Labs
episode: 250title: Lessons from Building with Vue 3guest: Alexander Lichterhosts: John Papa, Ward BellRecording date: Aug 24, 2023John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerAlexander Lichter @TheAlexLichterBrought to you byAG GridIdeaBladeResources:Alex's GitHubAlex's LinkedInAlex's (old but hopefully soon new) websiteLast episode with Alex about Nuxt.jsDI in Vue.jsVue VineResultsComposition API vs Options API in Vue 3COBOL program structure and divisionsTypeScript and VueTypeScript with Vue Options APIVue 3 Options API vs Composition APIVue 3 Setup functionThe 101 Guide to Script Setup in Vue 3Internationalization - i18n - in Vue 3Reactivity in Vue 3 with ref and reactiveVueUseRef vs Reactive in Vue 3SFC Playground for VueTimejumps00:28 Welcome02:16 Welcome Alexander03:07 What is the compositions API vs options API?09:37 Sponsor: Ag Grid10:46 Giving the developer more control over the code13:36 Talking about reusability vs components19:23 What Dependancy Injection is like in Vue?29:19 When should I use href and reactive?42:00 Sponsor: IdeaBlade42:57 Final thoughts46:23 What is Vue vine?Podcast editing on this episode done by Chris Enns of Lemon Productions.
This week we talk with Daniel Roe about his journey from law to design to development and how he ended up leading the Nuxt core team. We dive deep into all the cool things Nuxt can do and how it compares to other frameworks like Next and React. Community is a big part of Nuxt/unjs and we talk about how that has shaped the project and the community around it. Sponsored By Raycast https://twitter.com/danielcroe https://twitter.com/nuxt_js https://nuxt.com/ https://twitter.com/nuxtstudio https://nuxt.studio/ https://regexp.dev/ https://twitter.com/unjsio https://github.com/unjs https://roe.dev/ Become a paid subscriber our patreon, spotify, or apple podcasts for the full episode. https://www.patreon.com/devtoolsfm https://podcasters.spotify.com/pod/show/devtoolsfm/subscribe https://podcasts.apple.com/us/podcast/devtools-fm/id1566647758 https://www.youtube.com/@devtoolsfm/membership Tooltips Andrew https://github.com/vantezzen/auto-form https://github.com/dan-lee/timescape Justin https://expensive.toys/toys/chromadynamica-manipulable (by Artur Bień) https://www.shapr3d.com/ Daniel sli.dev https://alacritty.org/ https://apps.apple.com/us/app/plash/id1494023538?mt=12 https://www.raycast.com/
const podcast = { episode: 248, title: 'Wut's Nuxt for Nuxt.js?', topics: [ 'framework', 'ssr', 'developers' ], guest: 'Alexander Lichter' hosts: [ 'John Papa', 'Ward Bell', 'Dan Wahlin' ]};Recording date: Aug 10, 2023John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerAlexander Lichter @TheAlexLichterBrought to you byAG Grid IdeaBladeResources:Web Rush episode 72 - What's Your Vue of Nuxt.js - with Alexander LichterNuxt.jsNuxt.js on GitHubVueWhat Meta frameworksTypeScriptVitePros and Cons of Nuxt.jsNext.js compared to Nuxt.jsNetlify with NuxtVercelNpx to scaffold nuxt appsChoosing Nuxt.js or Vue.js (Reddit thread)Azure Static Web AppsNuxt and SSRPHPASP.NET Web FormsUniversal rendering with Nuxt 2 on Azure Static Web AppsVideo: Hybrid Rendering with Nuxt on Azure Static Web AppsLearn how to Deploy Nuxt 3 on Azure Static Web AppsNuxt Upgrade GuideNuxt DevToolsNuxt DevTools Overview VideoStart Using Nuxt easilyAjax on wikipediaInception Movie from 2010Alex's TwitterAlex's GitHubAlex's LinkedInAlex's (Old but hopefully soon new) websiteTimejumps00:28 Welcome01:44 Introducing Alexander Lichter02:59 What is Nuxt?04:28 How does Nuxt help developers?07:43 What does server side generation give developers?09:28 Sponsor: IdeaBlade10:27 Are we shifting back to server side rendering?15:27 How is it different from using PHP?18:10 Do I use server components or Nuxt clientside components?20:48 What's exciting for you in Nuxt?29:06 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.
With the rise of Mastodon as a Twitter alternative, Daniel Roe, part of the Nuxt core team, joins Scott to talk about building Elk, a Mastodon client that was built using Nuxt. The app is a PWA (Progressive Web App) and behaves as natively as a web app can! How did they do it?https://roe.devhttps://twitter.com/danielcroehttps://github.com/danielroehttp://regexp.dev
Live tomorrow, Nuxt, Vue, and Vite core team member Anthony Fu joins us to talk about the recent implementation of Nuxt's dev tools and how they benefit developers. Links https://antfu.me https://github.com/antfu https://twitter.com/antfu7 https://m.webtoo.ls/@antfu https://www.youtube.com/anthonyfu7 https://github.com/antfu/ni https://podrocket.logrocket.com/vitest-and-vueuse Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Anthony Fu.
Daniel Kelly, teacher and content creator at the Vue School, joins the show to talk about how TypeScript has evolved when working within Nuxt and Vue. Links https://twitter.com/danielkelly_io https://github.com/danielkellyio https://danielkelly.io https://danielkelly.io/courses https://danielkelly.io/talks https://www.linkedin.com/in/danielkellyio https://vueschool.io https://nuxt.com Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Daniel Kelly.