react-redux VS axios

my guess is the react-redux is written in typescript, in the implementation the function is typed in the

UPDATE 2Watching the breaking changes of react-redux, I was able to understood that the problem was how I pass the store (breaking changes).

For example, upgrade React Redux to v8 or SWR to 1.1.0

EG, in redux, there’s connect() higher-order component. give a component new props that update whenever the a specified 'slice' of the redux store does.

For submitting the form we will create a submit function inside the hooks. We will use axios here to submit the formData. On our submit function we will accept three arguments.

Axios is one of the most popular third-party packages used for making HTTP requests in Javascript. It works with the native XMLHttpRequest API under the hood to bring a convenient and versatile set of features for solving unique problems like intercepting HTTP requests and sending simultaneous requests. Similar to Fetch, it supports promises for handling asynchronous requests.

Example Corp has several microservices. Some of these services run on Lambda functions. One such function uses a 3rd party API to fetch some data. The application uses the popular HTTP client axios for making the requests, and authenticates with a JWT.

First, we need to create a Node.js project and add npm packages cheerio to parse parts of the HTML markup, and axios to make a request to a website. To do this, in the directory with our project, open the command line and enter npm init -y, and then npm i cheerio axios.

In 2015, fetch was introduced as the successor to XMLHttpRequest. It's much easier to work with and comes with some nice bonuses, chief of which is built-in promises. That doesn't mean that you have to use fetch. There are also more modern libraries that can make handling things even easier at the cost of a little bloat. The one I see used most is axios.

Fetch API is fine, but Axios[0] gives you a lot more flexibility. The best thing I like is the request/response interceptor. You can do cool stuff like injecting tokens into outgoing requests, retry failed requests, centralized error handling. Because of adapters, it works both in browser environment as well as Node.js environment. Heck, you can even mock requests in your unit tests using a mock adapter[1] to avoid making actual HTTP requests. Sure there is a cost for adding dependency when you can just use native APIs, but in this case, I think it's worth it.

[0] https://axios-http.com/

[1] https://www.npmjs.com/package/axios-mock-adapter

The caller service will use axios to make the request.

Most of you reading this are probably already familiar and using axios for making HTTP requests from your application to an API, whether it is your own API or an external one.