JSX and Data Binding

Description

In this guide, you will learn about the tactics of JSX, how one can use JSX syntax with the existing JavaScript business codebase along with the HTML template and will also learn about the mechanism of data binding along with the real-time application with hands-on learning.

Lab Objective

Upon completion of this lab, you will be able to:

•  What is JSX and how it works
•  How to use JSX with JavaScript syntax
•  Way of doing Data Binding in React using JSX

Prerequisites

You should have a basic understanding of react components, bootstrap, and the data binding process.

Lab Requirements

•  Display a List of Users.
•  Perform CRUD Operations Using One Component.
•  In the List change the alternate row color to light Blue.

Note: Use JavaScript Array for Users List