redaxios VS react-clean-architecture

Once you start to handle all the corner-cases of the fetch, you will find that you don't want to repeat the boilerplate each time you call network, so you will write some wrapper around the fetch or use redaxios library from Jason Miller, which provides axios-like API on top of fetch so it weights only 800 bytes, which is nice. But then you might need the axios interceptors which redaxios do not implement and if your application upload files and you want to track the upload progress with ProgressEvent, the fetch does not support that, only XMLHttpRequest does, on which the original axios is based. And after you write all your custom wrappers around fetch and upload wrappers around XMLHttpRequest, you might reconcider the original statement, that axios library is obsoleted.

If you love Axios, but don’t love that it’ll add 11kb to your bundle, Redaxios is a great alternative, that uses the same API as Axios, but in less than 1kb.

Axios is another great, and very popular, solution for clean data fetching. It is a bit larger (10kb gzip vs 2kb gzip), so if kb size is important to you (I would argue it typically should be) redaxios is a great option too

Then you get redaxios.

There's a neat library called https://github.com/developit/redaxios that implements almost all the Axios API, but as a wrapper around fetch instead.

As for your very last comment, for those who can’t part from axios’ API, try redaxios which is just a super thin wrapper around fetch().

If you want use fetch but with Axios API, small size(~1KB), I suggest you checkout redaxios from Preact creator.

I was also looking for similar resources. We ended up adapting ideas from clean architecture (https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html) in our app. A good starting point for me was this repo with an example implementation: https://github.com/eduardomoroni/react-clean-architecture

React Implementation

I know there is clean architecture. But I am wondering what other ways are there to architect large React web front-ends with Redux. How the project structure would look like?