Welcome to the React series. In this blog series, we are going to go through a detailed example of how to use React to create a fully functional client application that consumes the ASP.NET Core Web API server.

ASP.NET Core Web API Section

If you want to learn how to create the server part of this series by using .NET 6, you may do that by visiting the page ASP.NET Core Web API (.NET 6).

What Are We Going to Learn in This Guide?

After the server part, we are going to dive into the client-side part. You’ll see how easy it is to use React to consume the REST API we have created on the server side with Web API. You’ll also get familiar with the React classes, states, components (stateful and stateless), and many other features of React. We are going to use Redux as well and some third-party libraries to complete the client part of the app.


  • Node.js which includes the npm 5.6.0 or higher (depends on the time you are reading this post)
  • Visual Studio Code, or any other editor you like


  • Basic knowledge of Javascript
  • Familiarity with HTML and CSS

This Tutorial Is Separated Into Several Parts