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.

6. Basic React Components

Basic React Components

This chapter will show how React nodes are used to create basic React components.

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