1. Home
  2. Training Library
  3. Programming
  4. Courses
  5. React - Working with External Data

React - Working with External Data

Developed with
QA

The course is part of this learning path

ReactJS: Zero to Hero
course-steps
14
certification
5
lab-steps
3
description
1
play-arrow
Introduction to External Data in React
Overview
DifficultyIntermediate
Duration31m
Students44

Description

This module looks at how to work with External Data in React. You’ll be looking at Class Components, Effect Hooks, and how to handle data.  

Learning Objectives 

The objectives of this module are to provide you with an understanding of: 

  • The component lifecycle  
  • Hooks in React  
  • How to create restful services  
  • How to use an Effect Dependency Array  
  • How to hand errors in data requests 
  • How to send data   

Intended Audience

This learning path is aimed at all who wish to learn how to use the ReactJS framework.  

Prerequisites

It is essential you understand the face of contemporary web development to attend this course. We insist upon JavaScript experience, along with good HTML and CSS skills. 

Feedback 

We welcome all feedback and suggestions - please contact us at qa.elearningadmin@qa.com to let us know what you think. 

Transcript

We've already stressed on several occasions that React is for taking data and displaying it, so it's clear that data plays a massive part in any application that we build using it. As with any web application that uses JavaScript, refreshing the browser is catastrophic for any data stored in the page. Obviously, we want to be able to persist data and we have several options, many outside the remit of React for doing this. One option would be to leverage local storage in the browser. While this provides persistent storage across browser sessions, it can be removed by the user and it will not persist data that needs to be held at the server level. Modern web applications can have many tiers and it's usual to request and send data from some form of data service. For a web application to get this data, it needs to be able to make HTTP requests and then handle the data when it's received. This asynchronous nature causes a chicken and egg situation for React as we want to render a UI quickly but need the data to populate it. To help us solve this conundrum, we need to understand how components are created, updated and destroyed and what goes on behind the scenes while those things are happening. React components have a defined lifecycle and we need to know when various things happen during it so that we can work with the data at the right point.

About the Author

Students1742
Labs8
Courses29
Learning paths5

An outstanding trainer in software development with more than 15 years experience as a Corporate and Apprentice Trainer, ICT Teacher and Head of Department, with a passion for technology and its uses. Continuing to develop existing and new skills and courses, primarily in web design using PHP, JavaScript, HTML, CSS and SQL but also OOP (Java), programming foundations (Using Python), DevOps (Git, CI/CD, etc) and Agile/Scrum. Practically minded, a quick learner and a problem solver with an attention to detail to ensure high quality outcomes.

Covered Topics