React series

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 .NET Core 2.0 Web API server.

.NET Core Web API Section

If you want to learn how to create the server part of this series by using .NET Core 2.0 Web API, you may do that by visiting the page: .Net Core 2.0 Web API.

What Are We Going to Do 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 React’s features. 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

  • Preparing the Project and Creating Components
  • Navigation and Routing
  • HTTP, Axios, and Redux
  • React Lazy Loading and OwnerList Component
  • Error Handling and the OwnerDetails Component
  • Create Owner Component and the Reusable Modal Components
  • Form Validation and Sending the POST Requests
  • React PUT Requests for Updating the Owner Entity
  • React DELETE Requests for Deleting the Owner Entity