How To Display API Data Using React.js

How To Display API Data Using React

In this React tutorial, we’ll keep building on the React Form from the last tutorial. Now we want to be able to fetch data from an API and work with that data in a meaningful way. To do this we’ll need to make use of an array to manage state at the top-level of the application in the App component. We’ll then set up a couple of other components and share state with them via the props object.…

A Simple React.js Form Example

A Simple Reactjs Form Example

The prior tutorial introduced us to creating components in React and using state and props with those components. So far, those components have been function based. Now we want to take a look at how to create components in React using the class syntax. In React you can accomplish the same types of things using either Stateful Functions, or using Class Components. Which approach you choose is up to you.…

Introduction To React.js

welcome to react

Well hello web developer world. Starting with this tutorial, we are going to start investigating React.js – a ridiculously popular open source JavaScript library. Before embarking on our React.js journey, it will help to brush up a bit on ES6 and various JavaScript concepts like variables, objects, and arrays. React.js of course uses functions and classes in JavaScript. In addition we’ll be learning about the declarative nature of using React.…

Angular Routing Example

angular routing tutorial

So far we only have one view in our little Angular application. Of course we are going to want to have more options for the user to visit different views for different information and experiences. Just like we have links on basic web pages, we can also set up links in an Angular application to navigate to various views. It is via the routing functionality provided in Angular that we can set up various routes to various sets of information.…

How To Make HTTP Requests In Angular Using Observables

angular http observables

To fetch data in Angular, we can use Observables with http to fetch data. An angular application will use http via a GET request to fetch data from a back-end server. The back-end could be powered by any number of server-side technologies such as Java, PHP, Python, or even server-side JavaScript in the form of Node.js. An http response is sent from the back-end web service to the client side angular application.…