Archiving alert: To avoid subscription payments, I will be deactivating the Cloud Run integration on this post. You can still access the code and run locally!

Hey all! Just refactored the code in my React components for literary quotes. This component displays formatted quotes from a database with a FastAPI backend. Check out the results below:

It’s like Henry David Thoreau says, “Simplify, simplify.” Maybe you caught that quote above. Why he didn’t just say it once, I don’t know. That would have been simpler. But his point is well taken. React projects should follow a consistent folder structure for component, style, services, and typing files. Even if it’s a small project, you never know what it might grow in to, so always use best practices!

This component shows off the use of RESTful APIs, component state, properties, CSS, Typescript, and Docker containerization.