Articles

Articles

Field notes, essays, and written tutorials from egghead. 96 latest of 99 articles.

  1. ArticleAI Dev Essentials #35: Anthropic Acquires Bun + TypeScript 7 is 10x Faster
  2. ArticleAI Dev Essentials #34: Claude Opus 4.5, Nano Banana Pro, and Cursor 2.1AI Dev Essentials #34: Anthropic releases Claude Opus 4.5. Plus: Google Nano Banana Pro, Cursor 2.1, Vercel Workflow Builder, and MCP enterprise updates
  3. ArticleAI Dev Essentials #33: Gemini 3 Pro, Antigravity IDE, & GPT-5.1 Codex MaxGemini 3 Pro & Antigravity IDE launch, OpenAI ships GPT-5.1-Codex-Max, and Cloudflare buys Replicate. Get the full breakdown in AI Dev Essentials #33.
  4. ArticleAI Dev Essentials #32: GPT-5.1 Instant, Anthropic's $50B Bet, & Cursor's $29B ValOpenAI releases GPT-5.1 Instant, Anthropic invests $50B, and Cursor raises $2.3B. Get the full breakdown + Claude Code tutorials in AI Dev Essentials #32.
  5. ArticleClaude Code is a Platform, Not an AppClaude Code is a programmable AI platform with system prompts, hooks, MCP servers, and Skills. Learn why extensibility through configuration is the entire point.
  6. ArticleAI Dev Essentials #31: Claude's $1B Revenue, AWS & OpenAI Deal, and Free SkillsExplore Claude's $1B revenue surge, the massive AWS/OpenAI deal, Windsurf Codemaps, and a new free 9-lesson Claude Code Skills course from egghead.io.
  7. ArticleAI Dev Essentials #30: Cursor 2.0, GitHub Agent HQ, and Cognition SWE-1.5AI dev news: GitHub Agent HQ, Cursor 2.0, Cognition SWE-1.5, and OpenAI's $1.4T plan. Plus, get a new 6-lesson course on building Claude Code skills.
  8. ArticleAI Dev Essentials #29: Claude Memory & Skills, OpenAI Acquisitions, and new Vercel OSSExplore Claude Memory for Pro users, OpenAI's grab of the Shortcuts team, Vercel's durable Workflow Kit, and Google AI Studio's visual debugging.
  9. ArticleAI Dev Essentials #28: Claude Haiku 4.5 & OpenAI's Big MoveAnthropic's Claude Haiku 4.5 delivers major speed and cost savings, while OpenAI and Broadcom announce a massive custom AI chip partnership.
  10. ArticleReact Defined the Web. The AI SDK Will Define AIThe Vercel AI SDK is creating a "React moment" for AI development, shifting focus from imperative code to a declarative model for building streaming, gen UIs.
  11. ArticleAI Dev Essentials #26: Claude Sonnet 4.5, Sora 2, and New Cursor HooksClaude Sonnet 4.5 is the new top coding model & OpenAI released Sora 2. Plus, updates on Cursor, Stripe, and more.
  12. ArticleAI Dev Essentials #27: OpenAI Dev Day, Google's Gemini CLI & Anthropic's New CTOGet the latest on OpenAI Dev Day, Google Gemini updates, and new tools. Plus, a free course & workshop to master Cursor.
  13. ArticleAI Dev Essentials #25: Meta's New Model, Claude in Microsoft 365, and Chrome MCPGet the latest in AI development. This week: Meta's new Code World Model, Claude in M365, Chrome's AI debugger, and other essential news for AI devs.
  14. ArticleAI Dev Essentials #24: Gemini in Chrome, Notion Agents, and OpenAI's ICPC WinGoogle Chrome and Notion unveil major AI updates, while OpenAI's new model achieves a perfect score in a coding competition.
  15. ArticleAI Dev Essentials #23: Claude adv. file creation, Devins valuation & Gemini Select and AskClaude's file creation & Gemini's visual editing. Also covers Cognition's funding, Veo 3 price cuts, and a Claude Code workshop.
  16. ArticleAI Dev Essentials #22: ChatGPT Projects, Google’s TPU Push & Zed’s Claude CodeThis issue covers key AI updates, including ChatGPT's free projects, Google's aggressive TPU expansion, and new developer tools like the Zed editor and into.md
  17. ArticleAI Dev Essentials #21: Google nano banana, Claude Code on GitHub, and OpenAI Codex updatesThis week's AI Dev Essentials dives into Google's groundbreaking 'Nano Banana' image model, Claude Code's new GitHub automations, and OpenAI Codex updates
  18. ArticleAI Dev Essentials #20: Claude on GitHub, AGENTS.md & GPT-5 UpdatesExplore Claude Code GitHub Actions, GPT-5 updates, AGENTS.md standard, new AI tools, and workflows in AI Dev Essentials Issue #20.
  19. ArticleAI Dev Essentials #19: GPT-5's Mixed Debut, GitHub CEO Exits, & Claude's 1M Token WindowAI Dev Essentials #19 dives into GPT-5’s rocky launch, Claude’s 1M token context, new AI tooling updates, and tips for boosting CLI workflows with AI.
  20. ArticleAI Dev Essentials #18: OpenAI's GPT-OSS, Claude 4.1 & Google's Genie 3Explore AI Dev Essentials #18: Claude Code tips, new lessons on context engineering, and major AI releases from OpenAI, Anthropic, Shopify, and more.
  21. ArticleAI Dev Essentials #17: Claude Sub-Agents, Weekly Limits, and Copilot Multi-Tab RAG
  22. ArticleAI Dev Essentials #16: GitHub Spark, ChatGPT Agent & Gemini's flash-liteExplore the latest in AI dev: GitHub Spark, ChatGPT Agent, Gemini 2.5, open-source models, major tool updates, and expert workflows for automation success.
  23. ArticleAI Dev Stack
  24. ArticleAI Dev Essentials #15: Kimi K2, Groq Speed, and the Future of Dev ProductivityUnlock blazing dev productivity with Kimi K2, Groq, and the latest AI tools. Learn, code, and save with insider tips in AI Dev Essentials #15.
  25. ArticleAI Dev Essentials #14: Grok 4, VS Code AI, and the Latest in Developer ToolsExplore Grok 4’s launch, VS Code AI open source updates, new AI dev tools, CursorPro.ai early access, and the latest trends in agentic coding workflows.
  26. ArticleAI Dev Essentials #13: Cursor's huge update, Claude's new powers, and a big announcementCursor 1.2 adds agent to-dos and mobile support; Claude Code gets new commands and hooks. Plus, early access to the CursorPro.ai course.
  27. ArticleAI Dev Essentials #12: Google launches Gemini CLI, Warp 2.0, and Midjourney goes videoGemini CLI drops, Claude Code evolves, and Cursor powers up. Explore AI agents, tooling, and dev workflows in AI Dev Essentials Issue #12 by John Lindquist.
  28. ArticleThe Art of Keyboard Wizardry: Building a 1,000+ Line Karabiner Config
  29. ArticleAI Dev Essentials #11: Gemini 2.5 Stable, MCP goes mainstreamAI Dev Essentials #11: Claude Code fuels new CLI tools, Cursor Ultra plan launches, Gemini 2.5 Flash-Lite slashes costs, & OpenAI open-source model looms
  30. ArticleAI Dev Essentials #10: Cursor Hits 1.0 (and $9.9B!), OpenAI o3/pro, Gemini UpdatesAI Dev Essentials #10: Cursor 1.0 lands with $900 M, OpenAI cuts o3 pricing & debuts o3-pro, Gemini 2.5 Pro tops coding tests—plus fresh tools, funding updates
  31. ArticleAdvanced TypeScript Tricks for Cleaner, Safer CodeImprove your TypeScript skills with advanced patterns like Pick, Exclude, mapped types, and the infer-inside-mapped-type trick.
  32. ArticleAI Dev Essentials #9: Playwright MCP is amazing, Hot Model Updates & Essential Dev ToolsLearn Playwright MCP, track AI model updates (Gemini, DeepSeek), explore new dev tools & agent insights. Your AI dev update.
  33. ArticleAI Dev Essentials #8: Claude's Costly Lessons, Google's AI Flood & Workshop Alert 🚀Claude Max Mode in Cursor is powerful but pricey—one vague task can rack up costs fast. Learn how to control it and explore the latest AI dev tools.
  34. ArticleAI Dev Essentials #7: Microsoft's AI Blitz, Google's NotebookLM Shines & New Coding AgentsAI agents are reshaping coding in GitHub and VS Code, while NotebookLM’s mobile app quietly revolutionizes how developers collect and recall research on the go.
  35. ArticleAI Dev Essentials #6: Cursor 0.50, Zed, Cloudflare & AI WorkflowsCursor 0.50 drops with streamlined pricing and smarter agents. Zed and Cloudflare launch new dev tools. Plus, NotebookLM and Gemini push mobile AI forward.
  36. ArticleAI Dev Essentials #5: 🤯 Cursor Valued at $9B, Gemini 2.5 Pro & More AI UpdatesGPT-4.1 and Gemini 2.5 Pro are changing how devs build tools in Cursor. Plus: massive funding for Cursor, OpenAI acquires Windsurf, and new agentic dev tools.
  37. ArticleAI Dev Essentials #4: GPT-4o Rollback, Qwen3 Models, New AI Workflow Lesson & MCP UpdatesPlaywright-powered visual diffs, smarter agents, and new model controls define this week. Plus: OpenAI rollbacks, Gemini upgrades, and major MCP ecosystem moves
  38. ArticleAI Dev Essentials #3: Gemini Flash, o4-mini, Codex CLI, A2A Protocol & Agent UpdatesAI Dev Essentials covers Gemini 2.5, O4-mini, Claude’s research tools, Codex CLI, and new workflows for building AI agents with MCP and Cursor.
  39. ArticleAI Dev Essentials #2: GPT-4.1 Arrives, MCP Deep Dive & Google's Agent Dev KitAI Dev Essentials #2: GPT-4.1 & Gemini updates, MCP tools, Vercel v0, Google ADK, Cloudflare Containers news. Latest AI dev tooling highlights.
  40. ArticleAI Dev Essentials #1: Cloudflare agent updates, Llama 4/Nemotron/Quasar models, Cursor workshopAI Dev Essentials kicks off! Cloudflare upgrades MCP, Llama 4 and Quasar Alpha models drop, and new workflows emerge for Cursor and Gemini 2.5. Try them now.
  41. ArticleExploring Svelte 5: What’s New and How to Make the Most of ItExplore Svelte 5's new features: reactivity with runes, modular snippets, improved animations, debugging tools, and more in this comprehensive guide!
  42. ArticleBuilding a Simple CMS as a VS Code Extension
  43. ArticleUsecases for TypeScript Brand TypesUse TypeScript Brand Types to ensure type-safe data validation, automating checks at the type level. Improve code reliability and prevent implicit assumptions.
  44. ArticleIntegrating NGRX Signal Store with an existing Angular applicationIntegrate NGRX Signal Store into your Angular app incrementally for modular, reactive state management. Improve consistency and performance with modern APIs.
  45. ArticleLoad an HTML Partial in Astro using HTMXHTML partials are powerful and lightweight. Learn how to bring them into your Astro project with HTMX.
  46. ArticleLearn SvelteKit - Part 4: Form ActionsThis article explains form handling in SvelteKit, including form actions setup, progressive enhancement, and SQLite integration.
  47. ArticleLearn SvelteKit - Part 3: Unidirectional Data LoadingExplore loading data in SvelteKit using the load function, executing server-side code, and sharing data through layouts.
  48. ArticleLearn SvelteKit - Part 2: Routing In SvelteKitExplore SvelteKit's unique filesystem-based routing, dynamic layouts, and data loading while building a TODO app.
  49. ArticleLearn SvelteKit - Part 1: SvelteKit Project Setup and Core ConceptsExplore SvelteKit basics, its benefits for web development, and learn how to set up your first project in this guide.
  50. ArticleUnderstanding API Mocking - Part 3: Mock Service WorkerMSW has already revolutionized the experience behind API mocking, and it will only push it forward with each release.
  51. ArticleImprove Runtime Type Safety with Branded Types in TypeScriptLearn to use Branded Types in TypeScript to enhance the type safety, maintainability, and clarity of your code.
  52. ArticleManage Reactive State with SolidJS SignalsColby demonstrates how SolidJS approaches state management through Signals and a concept called "fine-grain reactivity."
  53. ArticleUnderstanding API Mocking - Part 2: Request Interception AlgorithmsA detailed look at the inner workings of request interception algorithms for both the browser and Node.js
  54. Article3 Effective Type Narrowing Techniques in TypeScriptThere are three ways to accomplish type narrowing: using conditional blocks, type predicate functions, and discriminated unions.
  55. ArticleAn Introduction to TypeScript GenericsDiscover the versatility of Generics in TypeScript, a valuable tool for crafting adaptable and reusable code in interfaces, classes, and functions.
  56. ArticleTypeScript's Powerful Type Inference with Conditional Types and String LiteralsEnhance your TypeScript skills by using conditional types to create type-level algorithms.
  57. ArticleLearn the Key Concepts of TypeScript’s Powerful Generic and Mapped TypesUnlock the full potential of TypeScript with the keyof operator, the extends and never keywords, and generics.
  58. ArticleBuild Realtime and Authenticated Apps with Firebase + ViteBuild a real-time app using serverless authentication on Firebase and learn how Vite makes it easy to do so.
  59. ArticleWTF is React?React is a JavaScript library used to build quick and interactive UI for web applications which uses reusable “components” to speed up developments.
  60. ArticlePrepare for JavaScript Interviews and Your Next Job SearchGetting hired to a new position can be a long arduous journey that has a few phases that you should be prepared for.
  61. ArticleUnderstanding API Mocking - Part 1: The HTTP Request JourneyUnderstand how requests are represented in JavaScript and know about the different stages that a request goes through before being performed.
  62. ArticleNext.js 13, now with even more ReactA milestone release for both Next and React with one of the first chances we've had to develop web applications using React Server Components
  63. ArticleUnderstanding the Intl Javascript API
  64. ArticleZod vs Yup vs Joi vs io-ts for Creating Runtime TypeScript Validation Schemas
  65. ArticleHow to Ask Good Questions as a Web DeveloperAsking good questions is a skill, and one of the most important tools in a developer's toolkit.
  66. ArticleValidating Remix Form Data Using Zod and TypeScript in Action FunctionsYou can use Zod to validate form input and create typed TypeScript objects in a Remix action function that is handling the form data.
  67. Articlehow to watch egghead screencastsSharing what you learn is one of the best ways to absorb and understand your new knowledge.
  68. ArticleDrag-to-Reorder List Items with Framer MotionLearn how to use Framer Motion to easily implement drag reordering in your lists.
  69. ArticleHow to Create A Sliding Sidebar Menu with Framer MotionLearn to create animations using Framer's motion components and their various props.
  70. ArticleHow to Animate Elements When in View on Scroll with Framer MotionLearn how to create animations in React, without writing any CSS, by using Framer Motion's "Motion components".
  71. ArticleCreate a Custom React HookLearn how to build your own custom hooks and share powerful logic between React components.
  72. ArticleUse React's useState and useEffect HooksA comprehensive guide to React's useState and useEffect hooks.
  73. ArticleOptimize Your Vue App with Suspense and WebpackIn this tutorial, we will use the lazy loading component to speed up loading time experience in your web applications.
  74. ArticleBuilding a CRUD App with React and Local StorageWe will be building a Task Manager App which has CRUD operation. The CRUD will involve creating, reading, updating, and deleting tasks.
  75. ArticleWhy Does React ExistReact is a powerful abstraction that allows us to write reusable, declarative components.
  76. ArticleGet Started Contributing to JavaScript Open SourceThe first time is always the hardest, and once you get started contributing to open source you will quickly see the benefits and rewards.
  77. ArticleHow to Use the Animate on Scroll(AoS) Library in VueThis article will introduce you to the Animate on Scroll library which is used to animate elements as you scroll up or down the webpage.
  78. ArticleBuild an Object Recognition App with vue3 and TensorflowThis tutorial will teach you how to create object detection models and how models are trained in TensorFlow using vue3 and tailwindcss.
  79. ArticleHow to Quickly Build a Backend with Dark LangIn this blog post, you'll learn what Dark is, while also introducing you to its components and what you can do with it in your web application.
  80. ArticleBuilding a SaaS Application with Next.js, Prisma, Auth0 and StripeThis article will provide you valuable insight on what the process is to build a SaaS, as well as teach you about methods and technologies used.
  81. ArticleHow I Built My First SaaS Application with Next.js, Stripe, and FirebaseThis is a technical case study showcasing how Parker built Tends. A SaaS application that helps users manage "quantities" in their lives.
  82. ArticleWrite A Plugin For Tailwind CSSIn this tutorial, we’ll build a Tailwind CSS plugin to add the CSS property column-count to our project
  83. ArticlePerformance Task PatternsUnderstanding by design, a performance task asks the learner to produce a demonstration, construct a response, or create some other product.
  84. ArticleUnderstanding by Design in a NutshellLearn the stages of learning by design and the questions to reflect on in each stage.
  85. ArticleUtility First Tailwind CSS with Sam SelikoffIn this interview, Sam Selikoff shares with Taylor Bell some of the whys and hows about Tailwind CSS and its impact on frontend web development.
  86. ArticleProduct Images That Don't Byte with the Next.js Image ComponentImages and media are what make the web special, they are just one part of how we can focus on providing a better user experience to our visitors.
  87. ArticleBuild a Content Management System for an E-commerce Store with Next.js and SanityHaving the ability to create an online store opens up a ton of possibilities, whether you are creating it for a new customer or for your own business.
  88. ArticleWhy Bother with Headless WordPress?WordPress it's a powerful software. You can use it to deliver real value to your users and make the content creation process smooth and predictable.
  89. ArticleWTF is Declarative Programming in ReactDeclarative programming is when your code shows what you want to happen. Learn more in this article about declarative programming.
  90. ArticleBuilding Offline-First Mobile Applications Using MongoDB RealmWithin this article, we gradually used MongoDB Realm to implement offline support to an existing demo application.
  91. ArticleA Practical Guide to Intercepting Network Requests in CypressWalk through some of the capabilities of Cypress’ `.intercept()` command. Super useful tool, especially for testing hard-to-reach places of your app.
  92. ArticleImprove Performance with the Object Pool Design Pattern in JavaScriptThe Object Pool design pattern improves performance, by reducing runtime memory allocation and garbage collection.
  93. ArticleHandling Copy and Paste in CypressClipboard or pasting text is not available in Cypress. But Cypress is pure JavaScript, so you can do anything that JS allows you to do.
  94. ArticleUse the Intersection Observer API For Analytics EventsLet's learn what Intersection Observer API is and how to track a few key events for your analytics.
  95. ArticleCodemods with Babel PluginsCodemods are an incredibly powerful tool that not everyone has heard of, so let's start there.
  96. ArticleTailwindCSS Dark Mode in Next.js with Tailwind Typography Prose ClassesThis article is going to explain in clear steps how to add TailwindCSS native dark mode to a Next.js site.