↑ ↓ navigate↵ selectesc close
🎧 Podcast Episode · S4E19Cloudflare

WebDev Fundamentals | React, Angular, and Vue

Episode Sponsors.

✏️ Visual Architecture Diagram

how this episode connects together.

Follow AJ from first principles to production-ready architecture.

✏️ Visual Diagram: WebDev Fundamentals | React, Angular, and Vue
✓ Good PatternVISUAL DIAGRAM
Visual Diagram: WebDev Fundamentals | React, Angular, and VueVisual architectural diagram showing: Step 1: Corbin Crutchley (Mental model & why it matters) -> Step 2: Architecture & Patterns (Under the hood & live code) -> Step 3: Ship It Purrfectly (✓ Production trade-offs). Step-by-step diagram breakdown for WebDev Fundamentals | React, Angular, and Vue: start with Corbin Crutchley, implement Architecture & Patterns, and ship to production.✓Step 01Corbin CrutchleyMental model & why it matters✓Step 02Architecture & PatternsUnder the hood & live code✓Step 03Ship It Purrfectly✓ Production trade-offsunroll the yarn✓ production ready
[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," 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://tanstack.com/form/latest

Video Chapters & Timestamps

Jump directly to any segment of WebDev Fundamentals | React, Angular, and Vue on YouTube using the timestamped chapters below:

Resources, Links & Official Documentation

Related CodingCat.dev Tutorials & Podcast Episodes

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 (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 on the CodingCat.dev YouTube channel. For a deeper dive into React, check out our related guide: Scully - 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.

🐾 Corbin Crutchley