In my article Iterating a React Design with Styled Components, I create a booking page for a fictional space travel agency called Solar Excursions. The small, resource-starved dev team wants to create their own styling and components, but needs to deliver functionality in the short term.
They choose to move quickly at first by using React-Bootstrap just to get something up on the screen. After their first sprint, they have a working, responsive page. However they see that they're building technical debt by having all their application components depend on React-Bootstrap, which will make it hard to refactor out later.
During the second sprint, they refactor to create a custom component kit. At first it just renames existing React-Bootstrap components, leaving the app looking the same. But now they've isolated the React-Bootstrap dependency to their kit.
Finally, in their third sprint, they add support for per-destination themes, and custostm styles that don't look like out-of-box React-Bootstrap anymore.
View the final page here.
Node 10.15 or above (also installs npm)
cd path/to/iterating-react-design
npm install
npm run start