Original: https://codingcat.dev/podcast/3-11-build-a-frontend-web-framework-from-scratch-book
▶ Watch on YouTube & Subscribe to CodingCat.dev
**Build a Frontend Web Framework (From Scratch) Book **is a CodingCat.dev podcast episode featuring Ángel Sola Orbaiceta alongside Alex Patterson focused on WebDev. Angel discusses building a book and his processes and inspirations. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.
Questions
- Can you tell us more about yourself?
- Why did you decide to write the book?
- Can a person still write a complete framework, or is the idea of the book to teach them all the concepts that it would take in order to create one?
Links
Technical Overview: Build a Frontend Web Framework (From Scratch) Book
Build a Frontend Web Framework (From Scratch) Book: Angel discusses building a book and his processes and inspirations. https://codingcat.dev/podcast/3-11-build-a-frontend-web-framework-from-scratch-book Sponsors: Storyblok
Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use it to deliver
When applying the concepts from Build a Frontend Web Framework (From Scratch) Book in a production codebase, teams working with WebDev should align their implementation with the MDN Web Docs for Developers (Core web platform standards, browser APIs, and performance guides). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.
Key Engineering Takeaways
- **Core Topic Focus: **Practical strategies for WebDev covered in "Build a Frontend Web Framework (From Scratch) Book" (Angel discusses building a book and his processes and inspirations.).
- **Production Implementation: **Combine the architectural patterns demonstrated in this podcast with the official MDN Web Docs for Developers for type safety, performance, and long-term maintainability.
- **Hands-On Video Walkthrough: **Follow along with the live coding demos and discussion on YouTube (Build a Frontend Web Framework (From Scratch) Book) and subscribe to CodingCat.dev on YouTube for weekly deep dives.
Video Chapters & Timestamps
Jump directly to any segment of Build a Frontend Web Framework (From Scratch) Book on YouTube using the timestamped chapters below:
- 00:00: PM
- 00:00: Angels Background and Reason for Writing
- 00:00: Before Frameworks
- 00:00: Sponsor: Storyblock
- 00:00: Inspiration for Angels Book
- 00:00: Working While Writing
- 00:00: How did you learn JavaScript?
- 00:00: Book Breakdown
- 00:00: Prior Knowledge Needed?
- 00:00: Rehydration and SSR
- 00:00: Planning Process
- 00:00: Visualization
- 00:00: Learning as You Write
- 00:00: Can people already using frameworks learn something?
- 00:00: Ways to Measure Results - GitHub
- 00:00: Write Your Own Framework?
- 00:00: Last Thoughts on Book
- 00:00: Perfect Picks
- 00:00: Wrap Up and Timelines
Resources, Links & Official Documentation
- *Watch on YouTube: *Build a Frontend Web Framework (From Scratch) Book Full Video (plus Subscribe to CodingCat.dev)
- *storyblok.com: *https://www.storyblok.com/?utm_source=codingcat&utm_medium=sponsor&utm_campaign=AWA_SPON_PURRFECT_TRA&utm_content=purrfect-podcast
- *Show Pick: *Plasmo Framework (picked by Alex Patterson)
- *Show Pick: *Fermat’s Last Theorem (picked by Ángel Sola Orbaiceta)
- Ángel Sola Orbaiceta Guest Profile & Episodes on CodingCat.dev
- Ángel Sola Orbaiceta on GitHub
- Episode Sponsor: Storyblok
- MDN Web Docs for Developers: Core web platform standards, browser APIs, and performance guides
Related CodingCat.dev Tutorials & Podcast Episodes
- Not a Designer: Design bites for devs: In the tech world, developers often find themselves stepping into the realm of design, a space that can feel both unfamiliar and daunting. Recognizing this chal...
- Nx - Project Crystal: Imagine a world where integrating Nx plugins into your workflow is as seamless as adding extensions to VSCode. That's the vision of Nx Project Crystal!
- Raycast a launcher faster than F1!: Raycast: A lightning-fast launcher that makes your Mac more productive.
Frequently Asked Questions (FAQ)
What are the main takeaways from Build a Frontend Web Framework (From Scratch) Book?
Angel discusses building a book and his processes and inspirations. Build a Frontend Web Framework (From Scratch) Book: Angel discusses building a book and his processes and inspirations. https://codingcat.dev/podcast/3-11-build-a-frontend-web-framework-from-scratch-book Sponsors: Storyblok
Have you already discovered Storyblok? They have an official Svelte SDK! 74,000 + developers & marketers use it to deliver Throughout this podcast, Ángel Sola Orbaiceta breaks down real-world implementation details for WebDev so developers can apply these patterns directly in production.
How do you implement WebDev best practices in production?
When adopting WebDev in a production stack, start by validating your configuration against the MDN Web Docs for Developers (Core web platform standards, browser APIs, and performance guides). 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 Build a Frontend Web Framework (From Scratch) Book walkthrough and find related code resources?
You can watch the complete video session for Build a Frontend Web Framework (From Scratch) Book on the CodingCat.dev YouTube channel. For a deeper dive into WebDev, check out our related guide: Not a Designer: Design bites for devs.
Top comments (0)