> Canonical URL: https://codingcat.dev/podcast/webdev-fundamentals-or-react-angular-and-vue # WebDev Fundamentals | React, Angular, and Vue 🎧 Podcast Episode · S4E19July 24, 2024[Cloudflare](/topic/cloudflare) # WebDev Fundamentals | React, Angular, and Vue ![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/cc72a566723af57a17e0ef0b6e7b1214ffb70c60-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=wup0mme-w9Q&list=UUnKZ8gEb78zXKMi1ns-IQ2g)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Corbin Crutchley](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f2988b9aabd6a19cc725bff5771b82202139fbc3-512x512.png?w=96&h=96&q=82&fit=max&auto=format)Corbin Crutchley](/guest/corbin-crutchley)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/4z34e5fml4n3DvXSX9Auvh)[Apple](https://podcasts.apple.com/us/podcast/4-19-webdev-fundamentals-react-angular-and-vue/id1491655542?i=1000663126857)[YouTube](https://www.youtube.com/watch?v=wup0mme-w9Q&list=PLUKgAjyG9B0ZhUEXp9eVa7h4L__FDW3uV)[Subscribe on YouTube (62.5K / 100K) →](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Pocket Casts](https://pca.st/episode/5d677982-d2eb-4229-95ae-4d9c5c3ab950)[Castbox](https://castbox.fm/episode/id2508485-id721770301)[Castro](https://castro.fm/episode/REFrB8)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss) ## Episode Sponsors. [![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/b6b01384aa98407d8fcc5b726afc2553445cffcf-1200x630.jpg?w=1200&q=82&fit=max&auto=format)Partner & Sponsor ### Algolia Enterprises and developers use Algolia’s AI search infrastructure to understand users and show them what they’re looking for.](https://www.algolia.com/?utm_source=codingcatdev)[![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/058754a4a1b521789ae5582b3c8ac8943e0f29b0-2400x1350.png?w=1920&q=82&fit=max&auto=format)Partner & Sponsor ### Cloudinary The Image & Video API to build and transform visual experiences at scale.](https://cld.media/codingcatdev)✏️ Visual Architecture Diagram ## how this episode connects together. Follow AJ from first principles to production-ready architecture. Let’s build it!✏️ Visual Diagram: WebDev Fundamentals | React, Angular, and Vue✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for WebDev Fundamentals | React, Angular, and Vue: start with Corbin Crutchley, implement Architecture & Patterns, and ship to production.AAA Contrast Verified ## Background of Corbin - **Early Education**: Corbin shares his educational journey, including dropping out of high school due to personal challenges, and starting community college at a young age. - **Personal Struggles and Resilience**: Corbin candidly discusses his battle with schizoaffective disorder and the impact of personal tragedies, emphasizing the human side of his journey into tech. ## Early Career and Interests - **Internship and Early Job**: Corbin talks about his early job at a charter school and his initial interest in design over programming. - **First Break in Web Development**: A turning point came when a friend's project, which included his name, led to a job offer in web development despite his initial lack of experience in that field. ## Career Development - **Progression in Web Development**: He further elaborates on his career progression, from leading a front-end development team to discovering a passion for teaching while working at a boot camp. - **Consulting Roles**: Corbin discusses his consulting roles with various companies like Astro and Clerk, where he primarily focused on developer education and documentation. ## Current Role at Descript - **Job Functions**: Corbin explains his current role at Descript, working on client platform teams and upgrading tools like React and Redux. - **Approach to AI**: He shares his perspective on AI as just another API, emphasizing consistency in handling latency, reliability, and error management across different API styles. ## Framework Guide Book Trilogy - **Introduction to Framework Guide**: Corbin introduces his book series, "[Framework Guide](https://framework.guide)," which aims to teach the fundamentals of web development across multiple frameworks like React, Angular, and Vue. - **Books in the Series**: The first book is out, focusing on componentization basics, while future books will cover ecosystem and internals, including in-depth framework construction. ## Teaching Approach and Web Development Fundamentals - **Specialization vs. Generalization**: Corbin's philosophy on learning involves rebuilding projects multiple times to understand the why behind frameworks, as opposed to just the how. - **Project-Based Learning**: He advocates for a comprehensive understanding of project-based learning, ensuring that learners grasp necessary concepts such as internationalization, error handling, and accessibility. ## Personal Preferences and Opinions on Frameworks - **Favorite Framework**: Corbin shares his evolving preferences in frameworks, from Angular to React, then Vue, and highlights his excitement for emerging technologies like Angular signals. - **Complexity of Modern Web Development**: He argues that the perceived increase in web complexity is more about rising user expectations rather than the inherent complexity of the software itself. ## Final Thoughts and Next Steps - **Advice for Aspiring Developers**: Corbin provides advice on the importance of cataloging what you learn, whether through blog posts, notes, or other means, to reference later in your career. - **Community and Open Source**: He invites viewers to join his community at "Playful Programming" and to check out his book series for further learning and development. ## Purrfect Picks - **Corbin's Pick**: He recommends Qobuz for high-quality, DRM-free music, suitable for audiophiles who value superior audio experiences. - **Alex's Pick**: Alex shares his discovery of Fabric.js, a flexible and lightweight JavaScript library for working with the HTML5 canvas, which he found to outperform other similar solutions. ## Links [https://unicorn-utterances.com/collections/framework-field-guide](https://unicorn-utterances.com/collections/framework-field-guide) [https://tanstack.com/form/latest](https://tanstack.com/form/latest) ## Video Chapters & Timestamps Jump directly to any segment of [**WebDev Fundamentals | React, Angular, and Vue**](https://www.youtube.com/watch?v=wup0mme-w9Q) on YouTube using the timestamped chapters below: - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Introduction - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Welcome Corbin - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): WebDev Fundamentals - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): College Years - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Overcoming Challenges - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Technical Projects - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Early Interests - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Working at Descript - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): AI in WebDev - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Sponsor Break - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Framework Guide - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Learning Paths - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Rebuilding Projects - [**00:00**](https://www.youtube.com/watch?v=wup0mme-w9Q&t=0s): Final Thoughts ## Resources, Links & Official Documentation - **Watch on YouTube: ** [WebDev Fundamentals | React, Angular, and Vue Full Video](https://www.youtube.com/watch?v=wup0mme-w9Q) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1)) - **Cloudinary: ** [https://cld.media/codingcatdev](https://cld.media/codingcatdev) - **Algolia: ** [https://www.algolia.com/?utm_source=codingcatdev](https://www.algolia.com/?utm_source=codingcatdev) - **Show Pick: ** [fabric.js (picked by Alex Patterson)](https://github.com/fabricjs/fabric.js) - **Show Pick: ** [Qobuz (picked by Corbin Crutchley)](https://www.qobuz.com/us-en/shop#s4) - [**Corbin Crutchley Guest Profile & Episodes on CodingCat.dev**](/guest/corbin-crutchley) - [**Corbin Crutchley on GitHub**](https://github.com/crutchcorn) - [**Episode Sponsor: Algolia**](https://www.algolia.com/?utm_source=codingcatdev) - [**Episode Sponsor: Cloudinary**](https://cld.media/codingcatdev) - [**React Official Reference:**](https://react.dev/reference/react) Hooks, Server Components, and UI state patterns - [**Angular Developer Guide:**](https://angular.dev/overview) Signals, standalone components, and enterprise Angular workflows - [**Vue.js Official Guide:**](https://vuejs.org/guide/introduction.html) Composition API, reactivity system, and component patterns ## Related CodingCat.dev Tutorials & Podcast Episodes - [**Scully - Angular Static Site Generator**](/post/scully-io-angular-static-site-generator): In the Static Site Generator (SSG) space, ReactJs has Gatsby and VueJs has Vuepress/Gridsome. This left for a space to be filled for Angular, introducing Scully... - [**Angular and React Bindings for Data Connect in Firebase: Web Architecture & Implementation Guide**](/post/firebase-2025-04-dataconnect-web-bindings): Hands-on web engineering breakdown of "Angular and React Bindings for Data Connect" (2025-04-29). Learn how to integrate Firebase, Google Cloud, Web Dev, SQL in... - [**Front End Web Development Podcasts**](/post/front-end-web-development-podcasts): This is my current list of front end web development podcasts, and just a little detail on why I listen to each one of them. ## Frequently Asked Questions (FAQ) ### What are the main takeaways from WebDev Fundamentals | React, Angular, and Vue? Dive into web development fundamentals with Corbin. Explore frameworks, APIs, and developer education. Purrfect for new and seasoned developers looking to expand their knowledge. WebDev Fundamentals with Corbin Crutchley: Join us as we dive into web development fundamentals with Corbin! Learn about his journey, from early education to teaching and contributing to TanStack. Perfect for both new and seasoned devs. Don't miss insights on frameworks, APIs, and more. Watch, comment, and share! https://codingcat.dev/podca, welcome back to coding cat. deev where we give you cats the freshest dose of Dev snacks brought to you by cloudinary build faster with AI powered image and video apis need better search Try holia powering Discovery W wo what's going on Corbin hey hey how you doing I'm doing fantastic I uh I'm struggling because it's been a minute since I've recorded podcast I had a lot that have have gone out and... Throughout this podcast, Corbin Crutchley breaks down real-world implementation details for React, Angular, Vue so developers can apply these patterns directly in production. ### How do you implement React best practices in production? When adopting React and Angular in a production stack, start by validating your configuration against the [**React Official Reference**](https://react.dev/reference/react) (Hooks, Server Components, and UI state patterns). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage. ### Where can I watch the full WebDev Fundamentals | React, Angular, and Vue walkthrough and find related code resources? You can watch the complete video session for [**WebDev Fundamentals | React, Angular, and Vue**](https://www.youtube.com/watch?v=wup0mme-w9Q) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into React, check out our related guide: [**Scully - Angular Static Site Generator**](/post/scully-io-angular-static-site-generator). ## ✏️ Episode Summary WebDev Fundamentals with Corbin Crutchley: Join us as we dive into web development fundamentals with Corbin! Learn about his journey, from early education to teaching and contributing to TanStack. Perfect for both new and seasoned devs. Don't miss insights on frameworks, APIs, and more. Watch, comment, and share! https://codingcat.dev/podca — welcome back to coding cat. deev where we give you cats the freshest dose of Dev snacks brought to you by cloudinary build faster with AI powered image and video apis need better search Try holia powering Discovery W wo what's going on Corbin hey hey how you doing I'm doing fantastic I uh I'm struggling because it's been a minute since I've recorded podcast I had a lot that have have gone out and... ## episode picks. ### 🐾 Alex Patterson - [fabric.js](https://github.com/fabricjs/fabric.js) ### 🐾 Corbin Crutchley - [Qobuz](https://www.qobuz.com/us-en/shop#s4) ## recent episodes. [All Episodes→](/podcasts)[![GenAI for Engineers, What](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/3e48f44739be2aabf3aaa805e51b3a6328979153-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming)November 19, 2025[AI & MCP Agents](/topic/ai) ### [GenAI for Engineers, What's Real, What's Not and What's Coming](/podcast/genai-for-engineers-what-s-real-what-s-not-and-what-s-coming) Curious about GenAI for engineers? Learn what's real, what's not, and what's next in AI. [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Balki Kodarapu](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/25fd44884e232394eb74b776fcec7e8d13330ca0-1060x794.png?rect=133,0,794,794&w=96&h=96&q=82&fit=max&auto=format)Balki Kodarapu](/guest/balki-kodarapu)[![How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/0beb99900f4c24e284df2dee3e2d740062c6ce96-1920x1080.png?w=1920&q=82&fit=max&auto=format)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences)November 4, 2025[AI & MCP Agents](/topic/ai) ### [How OAuth, MCP, and the OpenAI Apps SDK, Power the Next Generation of Interactive AI Experiences (with Stytch & OpenAI)](/podcast/how-oauth-mcp-and-the-openai-apps-sdk-power-the-next-generation-of-interactive-ai-experiences) Curious about OAuth, MCP servers, and building cool ChatGPT apps? Hear from Max of Stytch as we dive deep, break down the tech, and build a Tamagotchi together! [![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Max Gerber](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/4497bb7ada0e39b4cd13b0e3ca00c930389dab02-1292x1088.png?rect=102,0,1088,1088&w=96&h=96&q=82&fit=max&auto=format)Max Gerber](/guest/max-gerber)