Crossover for Compressed.fm and CodingCat.dev

Original: https://codingcat.dev/podcast/1-45-crossover-for-compressed-fm-and-purrfect-dev

▶ Watch on YouTube & Subscribe to CodingCat.dev

**Crossover for Compressed.fm and CodingCat.dev **is a CodingCat.dev podcast episode featuring Amy Dutton and James Q Quick alongside Alex Patterson and Brittney Postma focused on React, Design, GitHub. We did a fun mashup with James Q Quick and Amy Dutton (selfteachme) from Compressed.fm. We touch a lot on our background and how to become a T shaped or broken comb skillset. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.

Questions

1. The solutions Architect
2. T-Shapes model
3. Is React a Framework?
4. Amy Dutton Story-Creative Director
5. Brittney Postma Story-Building a Design System
6. Digital Garden
7. James Q Quick Story- What does a Dev Rel do day to day
8. Getting hired as Dev Rel
9. How do you get ideas on what to post
10. Getting started and getting paid

Links

• https://maggieappleton.com/garden/

Technical Overview: Crossover for Compressed.fm and CodingCat.dev

1.45 - Crossover for Compressed.fm and CodingCat.dev: We did a fun mashup with James Q Quick and Amy Dutton (selfteachme) from Compressed.fm. We touch a lot on our background and how to become a T shaped or broken comb skillset. https://codingcat.dev/podcast/1-45-crossover-for-compressed-fm-and-purrfect-dev 00:00 - Crossover Episode

00:40 - Intro

2:

When applying the concepts from Crossover for Compressed.fm and CodingCat.dev in a production codebase, teams working with React, Design, GitHub, CSS should align their implementation with the React Official Reference (Hooks, Server Components, and UI state patterns). 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 React, Design, GitHub, CSS covered in "Crossover for Compressed.fm and CodingCat.dev" (We did a fun mashup with James Q Quick and Amy Dutton (selfteachme) from Compressed.fm. We touch a lot on our background and how to become a T shaped or broken comb skillset.).
• **Production Implementation: **Combine the architectural patterns demonstrated in this podcast with the official React Official Reference for type safety, performance, and long-term maintainability.
• **Hands-On Video Walkthrough: **Follow along with the live coding demos and discussion on YouTube (Crossover for Compressed.fm and CodingCat.dev) and subscribe to CodingCat.dev on YouTube for weekly deep dives.

Video Chapters & Timestamps

Jump directly to any segment of Crossover for Compressed.fm and CodingCat.dev on YouTube using the timestamped chapters below:

• 00:00: Crossover Episode
• 00:00: Intro
• 00:00: Alex Patterson Story - The Solutions Architect
• 00:00: T-Shaped model
• 00:00: Is React a framework?
• 00:00: Amy Dutton Story - Creative Director
• 00:00: Brittney Postma Story - Building a Design System
• 00:00: James had some computer issues and had to reboot :D
• 00:00: Digital Garden
• 00:00: https://maggieappleton.com/garden/
• 00:00: And James is back :D
• 00:00: James Q Quick Story - What does a Dev Rel do day to day?
• 00:00: Getting hired as Dev Rel
• 00:00: How do you get ideas on what to post
• 00:00: Getting started and getting paid
• 00:00: Purrfect Picks -
• 00:00: Meeter - [https://trymeeter.com/\](https://trymeeter.com/)
• 00:00: Advent of CSS - [https://adventofcss.com/\](https://adventofcss.com/)
• 00:00: Learn build teach - [learnbuildteach.com](https://learnbuildteach.com)
• 00:00: Foundation Apple TV - [https://tv.apple.com/us/show/foundation/umc.cmc.5983fipzqbicvrve6jdfep4x3\](https://tv.apple.com/us/show/foundation/umc.cmc.5983fipzqbicvrve6jdfep4x3)

Resources, Links & Official Documentation

• *Watch on YouTube: *Crossover for Compressed.fm and CodingCat.dev Full Video (plus Subscribe to CodingCat.dev)
• *:05:00 - Meeter - [](https://trymeeter.com/): *https://trymeeter.com/
• *:06:26 - Advent of CSS - [](https://adventofcss.com/): *https://adventofcss.com/
• *Advent of JS - [](https://adventofjs.com/): *https://adventofjs.com/
• *GitHub Education - [](https://education.github.com/pack): *https://education.github.com/pack
• *:08:05 - Learn build teach - [learnbuildteach.com](): *https://learnbuildteach.com
• *tv.apple.com/us/show/foundation/umc.cmc.5983fipzqbicvrve6: *https://tv.apple.com/us/show/foundation/umc.cmc.5983fipzqbicvrve6jdfep4x3
• *:09:15 - Rode Wireless Go - [](https://www.rode.com/wirelessgo): *https://www.rode.com/wirelessgo
• *:10:18 - Diary of Anne Frank - [](https://www.annefrank.org/en/anne-frank/diary/): *https://www.annefrank.org/en/anne-frank/diary/
• *Google DevFest 2021 - [](https://devfest.withgoogle.com/events/devfest21): *https://devfest.withgoogle.com/events/devfest21
• *Show Pick: *Google DevFest 2021 (picked by Alex Patterson)
• *Show Pick: *Learn Build Tech (picked by Brittney Postma)
• *Show Pick: *Foundation (picked by Brittney Postma)
• *Show Pick: *Meeter (picked by Amy Dutton)
• *Show Pick: *Advent of CSS (picked by Amy Dutton)
• *Show Pick: *Advent of JS (picked by Amy Dutton)
• *Show Pick: *GitHub Education (picked by Amy Dutton)
• *Show Pick: *Rode Wireless Go (picked by James Q Quick)
• *Show Pick: *Diary of Anne Frank (picked by James Q Quick)
• Amy Dutton Guest Profile & Episodes on CodingCat.dev
• Amy Dutton on GitHub
• James Q Quick Guest Profile & Episodes on CodingCat.dev
• James Q Quick on GitHub
• React Official Reference: Hooks, Server Components, and UI state patterns
• web.dev UI & Design Patterns: Responsive web design, typography, color systems, and UX patterns
• GitHub Documentation: Pull requests, GitHub Actions CI/CD, and repository security

Related CodingCat.dev Tutorials & Podcast Episodes

• Using No-Code with Builder - Part 2: Alex and Brittney sit down with Steve Sewell, Co-Founder and CEO of http://builder.io/, to understand how http://builder.io/ is different from other no-code sol...
• Using No-Code with Builder - Part 1: In this first part Alex sits down with Steve Sewell to understand how http://builder.io/ is different from other no-code solutions.
• Live Coding with the Amplify UI team: Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.

Frequently Asked Questions (FAQ)

What are the main takeaways from Crossover for Compressed.fm and CodingCat.dev?

We did a fun mashup with James Q Quick and Amy Dutton (selfteachme) from Compressed.fm. We touch a lot on our background and how to become a T shaped or broken comb skillset. 1.45 - Crossover for Compressed.fm and CodingCat.dev: We did a fun mashup with James Q Quick and Amy Dutton (selfteachme) from Compressed.fm. We touch a lot on our background and how to become a T shaped or broken comb skillset. https://codingcat.dev/podcast/1-45-crossover-for-compressed-fm-and-purrfect-dev 00:00 - Crossover Episode

00:40 - Intro

2: Throughout this podcast, Amy Dutton and James Q Quick breaks down real-world implementation details for React, Design, GitHub so developers can apply these patterns directly in production.

How do you implement React best practices in production?

When adopting React and Design 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 Crossover for Compressed.fm and CodingCat.dev walkthrough and find related code resources?

You can watch the complete video session for Crossover for Compressed.fm and CodingCat.dev on the CodingCat.dev YouTube channel. For a deeper dive into React, check out our related guide: Using No-Code with Builder - Part 2.