React Round Up cover image

React Round Up

How to Organize Your React App ft. Tania Rascia - RRU 228

Aug 16, 2023
Guest Tania Rascia, a web developer and writer, shares insights on organizing React apps based on domains for refactoring, working on different sections, and features. They discuss modular GraphQL servers, micro front-ends, migrating from Angular to React, and organizing with domain-based thinking. Recommended tools include Edge Impulse for machine learning and React Location for data pre-loading.
45:13

Episode guests

Podcast summary created with Snipd AI

Quick takeaways

  • Organize React app based on domains, not functions, to enhance code navigation and collaboration.
  • Prefer traditional CSS over CSS-in-JS solutions for easier organization and reasoning.

Deep dives

React Architecture: Structuring a React Application

Tanya Rasha discusses her thoughts on structuring a React application. She recommends organizing components based on domains rather than functions, creating separate folders for different sections of the app. This approach allows for easier code navigation and enhances team collaboration. Tanya also mentions the importance of making localized components self-contained and shares her experience with refactoring monoliths using microservices.

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode