wouter VS goober

We're using wouter with great success. It's simple and effective for what we need from a router

If you feel like React Router is a bit too over-engineered and you just need simple routing, you can have a look at https://github.com/molefrog/wouter

I changed over to using wouter instead of react-router, and I love it!

Just to add alternatives. I'm a fan of Wouter its 1/10th in size compared with react-router.

Other options than react-router are also available, like wouter, if you can't use react-router for some specific reason.

Single page just means one index.html is served and then JavaScript takes over to display content. You can use a client side router to simulate pages. There are some to choose from, I can recommend wouter. https://github.com/molefrog/wouter

Routing: At this point you should understand how routing in React works. You can use react-router to enhance it. There is a small library called wouter which you might want to have a look at.

Then, there's goober, a minimalistic framework-agnostic css-in-js component library. You'll probably find more examples of modern yet frugal tools and libraries.

Consider adding Goober too to the mix.

The entirety of react-colorful costs about 2 KB, but installing emotion would make the size of the package almost 7 times bigger. Of course, there are tiny CSS-in-JS libraries like goober that cost about 1KB, but we didn't feel like we need the entire library since our styles are not dynamic.

Could also swap out that huge styled-components dep for something like goober