JSX Introduction

JSX is an important part of this course since we will depend on JSX to write most of our React components.

React can be used without JSX though it might be difficult and tedious to use React without JSX.

JSX stands for JavaScript XML. It allows us to write HTML directly into JavaScript.

js

It is important to note that JSX cannot be processed directly by the browsers; hence, we need to compile it into simple JavaScript.

For that purpose, we use a toolchain called Babel – which comes with the create-react-app node package, mentioned in Chapter 2. so we don't have to worry about installing it separately. All you need to know about Babel is that it is the toolchain that converts the React code written in JSX into simple JavaScript.

Tout était clair ?

Merci pour vos commentaires !

Section 2. Chapitre 1

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Contenu du cours

Introduction to React

1. Getting Started: ES6

Why React?Node.js and npm ES6 Variables ES6 Arrow Functions ES6 Map Method ES6 Destructuring ES6 Spread Operator ES6 Ternary Operator

2. Getting Started: JSX

JSX Introduction JSX Variables & Nested Elements JSX Embedding Expressions JSX Specifying Attributes Getting Started with React

3. React in Practice

Getting familiar with JSX Writing more Complex Elements using JSX Creating a React-Based Project Structure of a React Project

4. React Components

Introduction to Components Functional Components Creating React Components Importing Components

5. Controlling Data & Content

Passing Data into Components Conditional Rendering Loop Based Rendering Keys in Lists Event Handling Creating a TODO Application

6. Hooks

Introduction to Hooks Using the State Hook The Effect Hook Rules of Using Hooks Creating Custom Hooks Fixing the Todo Application

7. React Router

Introduction to React Router Route-Based Rendering Creating Navigation Bars Using Params