How to use AJAX in React HTTP GET Request without using Third Party Library

Here I am going to show you how to use AJAX in React HTTP GET request without using Third Party library. To do this I am going to use XMLHttpRequest for fetching data instead of Fetch API (fetch()). AJAX is an acronym that stands for Asynchronous JavaScript and XML. The Fetch API provides an interface to fetch resources from the server. This Fetch API is similar to the XMLHttpRequest but the new Fetch API provides more powerful and flexible feature set.

Continue

Codeigniter REST + ReactJS CRUD Example

Introduction Here we will see Codeigniter REST + ReactJS CRUD example. We have seen previously Codeigniter REST API examples for GET, POST, PUT and DELETE but here we will see them together. We will use ReactJS as a front-end technology to represent our UI. In this example we will use Codeigniter version 3.1.9 and node version 6.11.3 and npm version 3.10.10. We basically create two projects – one is frontend or client side called web-app and another one is server side called ci-3-1-9. Obviously as the name suggests web-app, so it will…

Continue

ReactJS REST API DELETE Example

Introduction In this tutorial I will show you how to delete the existing resource via REST API DELETE request using React JS framework. I will use ready made available REST API https://jsonplaceholder.typicode.com/posts for testing purpose. You can also create and deploy your own service using PHP, Codeigniter or Spring, Jersey etc. and call using React JS framework.

Continue

ReactJS REST API PUT Example

Introduction Here I will show you ReactJS REST API PUT Example. In this tutorial I will show you how to update the existing resource via REST API PUT request using React JS framework. I will use ready made available REST API https://jsonplaceholder.typicode.com/posts for testing purpose. You can also create and deploy your own service using PHP, Codeigniter or Spring, Jersey etc. and call using React JS framework.

Continue

ReactJS REST API POST Example

Introduction React is a declarative, efficient, and flexible JavaScript library for building user interfaces. In this tutorial I will show you how to create new resource via REST API POST request using React JS framework. Here I will use ready made available REST API at https://jsonplaceholder.typicode.com/posts for testing purpose. You can also create and deploy your own service using PHP, Codeigniter or Spring, Jersey etc. and call using React JS framework. Here you will see only HTTP POST example.

Continue

ReactJS REST API GET Example

Introduction Here I will show you ReactJs REST API GET Example. React is a declarative, efficient, and flexible JavaScript library for building user interface. In this tutorial I will show you how to fetch data from REST service using React JS framework. Here I am going to use sample and ready made available REST API https://jsonplaceholder.typicode.com/posts for testing. You can also create and deploy your own service using PHP, Codeigniter or Spring, Jersey etc. and call using React JS framework. Here you will see only GET example.

Continue