React JS - React Enlightenment JavaScript Syntax Extension (a.k.a, JSX)

5.1 What Is a JSX?

5.2 Creating React Nodes With JSX

5.3 Rendering JSX to DOM

5.4 Using JS Expressions in JSX

5.5 Using JS Comments in JSX

5.6 Using Inline CSS in JSX

5.7 Defining JSX Attributes/Props

5.8 Defining Events in JSX

Basic React Components

6.1 What Is a React Component?

6.2 Creating Components

6.3 Return One Starting Node/Component

6.4 Referring to a Component Instance

6.5 Defining Events on Components

6.5 Composing Components

6.6 Grokking Component Lifecycle's

6.7 Accessing Children Components/Nodes

6.8 Using ref Attribute

6.9 Re-rendering A Component

React Component Properties

7.1 What Are Component Props?

7.2 Sending Component Props

7.3 Return One Starting Node/Component

7.3 Getting Component Props

7.4 Setting Default Component Props

7.5 Component Props More Than Strings

7.6 Validating Component Props

React Component State

8.1 What Is Component State?

8.2 Working with Component State

8.3 State vs. Props

8.4 Creating Stateless Function Components

Hire Website Designer

Learn how we work and how much your website will cost.

3. React & Babel Basic Setup

This section will discuss setting up an HTML page so that when it is parsed by a web browser, at runtime, the browser can transforming JSX expressions and correctly run React code.

What is React?

React.js is a JavaScript library that can be used to build user interfaces. Read More.

React Semantics

Learn the basic terminology to better understand React JS.

React Setup

Transforming JSX expressions and correctly run React code

React Enlightenment

HOME PAGE

Service Estimate