React
#reactjs
,Table of Contents
About 1
Chapter 1: Getting started with React 2
Remarks 2
Versions 2
Examples 3
Installation or Setup 3
Hello World Component 4
Hello World 5
What is ReactJS? 7
Hello World with Stateless Functions 7
For example: 8
Create React App 9
Installation 9
Configuration 9
Alternatives 9
Absolute Basics of Creating Reusable Components 10
Components and Props 10
Chapter 2: Communicate Between Components 12
Examples 12
Communication between Stateless Functional Components 12
Chapter 3: Communication Between Components 15
Remarks 15
Examples 15
Parent to Child Components 15
Child to Parent Components 16
Not-related Components 16
Chapter 4: Components 18
Remarks 18
Examples 18
Basic Component 18
, Nesting Components 19
1. Nesting without using children 20
Pros 20
Cons 20
Good if 20
2. Nesting using children 20
Pros 21
Cons 21
Good if 21
3. Nesting using props 21
Pros 22
Cons 22
Good if 22
Creating Components 22
Basic Structure 22
Stateless Functional Components 23
Stateful Components 23
Higher Order Components 24
setState pitfalls 25
Props 27
Component states - Dynamic user-interface 28
Variations of Stateless Functional Components 29
Chapter 5: Forms and User Input 31
Examples 31
Controlled Components 31
Uncontrolled Components 31
Chapter 6: Higher Order Components 33
Introduction 33
Remarks 33
Examples 33
Simple Higher Order Component 33
, Higher Order Component that checks for authentication 34
Chapter 7: How and why to use keys in React 36
Introduction 36
Remarks 36
Examples 36
Basic Example 36
Chapter 8: How to setup a basic webpack, react and babel environment 38
Remarks 38
Examples 39
How to build a pipeline for a customized "Hello world" with images. 39
Chapter 9: Installation 44
Examples 44
Simple setup 44
Setting up the folders 44
Setting up the packages 44
Setting up webpack 44
Testing the setup 45
Using webpack-dev-server 46
Setup 46
Modifying webpack.config.js 46
Chapter 10: Introduction to Server-Side Rendering 48
Examples 48
Rendering components 48
renderToString 48
renderToStaticMarkup 48
Chapter 11: JSX 49
Remarks 49
Examples 50
Props in JSX 50
JavaScript Expressions 50
String Literals 50
#reactjs
,Table of Contents
About 1
Chapter 1: Getting started with React 2
Remarks 2
Versions 2
Examples 3
Installation or Setup 3
Hello World Component 4
Hello World 5
What is ReactJS? 7
Hello World with Stateless Functions 7
For example: 8
Create React App 9
Installation 9
Configuration 9
Alternatives 9
Absolute Basics of Creating Reusable Components 10
Components and Props 10
Chapter 2: Communicate Between Components 12
Examples 12
Communication between Stateless Functional Components 12
Chapter 3: Communication Between Components 15
Remarks 15
Examples 15
Parent to Child Components 15
Child to Parent Components 16
Not-related Components 16
Chapter 4: Components 18
Remarks 18
Examples 18
Basic Component 18
, Nesting Components 19
1. Nesting without using children 20
Pros 20
Cons 20
Good if 20
2. Nesting using children 20
Pros 21
Cons 21
Good if 21
3. Nesting using props 21
Pros 22
Cons 22
Good if 22
Creating Components 22
Basic Structure 22
Stateless Functional Components 23
Stateful Components 23
Higher Order Components 24
setState pitfalls 25
Props 27
Component states - Dynamic user-interface 28
Variations of Stateless Functional Components 29
Chapter 5: Forms and User Input 31
Examples 31
Controlled Components 31
Uncontrolled Components 31
Chapter 6: Higher Order Components 33
Introduction 33
Remarks 33
Examples 33
Simple Higher Order Component 33
, Higher Order Component that checks for authentication 34
Chapter 7: How and why to use keys in React 36
Introduction 36
Remarks 36
Examples 36
Basic Example 36
Chapter 8: How to setup a basic webpack, react and babel environment 38
Remarks 38
Examples 39
How to build a pipeline for a customized "Hello world" with images. 39
Chapter 9: Installation 44
Examples 44
Simple setup 44
Setting up the folders 44
Setting up the packages 44
Setting up webpack 44
Testing the setup 45
Using webpack-dev-server 46
Setup 46
Modifying webpack.config.js 46
Chapter 10: Introduction to Server-Side Rendering 48
Examples 48
Rendering components 48
renderToString 48
renderToStaticMarkup 48
Chapter 11: JSX 49
Remarks 49
Examples 50
Props in JSX 50
JavaScript Expressions 50
String Literals 50
