, Table of Contents
Preface
Introduction to React
How much JavaScript you need to know to use
React?
Why should you learn React?
How to install React
React Components
Introduction to JSX
Using JSX to compose UI
The difference between JSX and HTML
Embedding JavaScript in JSX
Managing state in React
Component Props in React
Data flow in a React application
Handling user events in React
Lifecycle events in a React component
Where to go from here
1
, Preface
The React Beginner's Handbook follows the 80/20
rule: learn in 20% of the time the 80% of a topic.
I find this approach gives a well-rounded overview.
This book does not try to cover everything under the
sun related to React. It focuses on the core of the
language, trying to simplify the more complex topics.
I hope the contents of this book will help you achieve
what you want: learn the basics of React.
This book is written by Flavio. I publish web
development tutorials every day on my website
flaviocopes.com.
You can reach me on Twitter @flaviocopes.
Enjoy!
2
, Introduction to React
The goal of this handbook is to provide a starter guide
to learning React.
At the end of the book, you'll have a basic
understanding of:
What is React and why it's so popular
How to install React
The concepts of React: Components
The concepts of React: State
The concepts of React: Props
Handling user events in React
Lifecycle events in a React component
Those topics will be the base upon which you will work
on in other more advanced React courses.
This book is especially oriented at JavaScript
programmers new to React.
React is a JavaScript library that aims to simplify
development of visual interfaces.
Developed at Facebook and released to the world in
2013, it drives some of the most widely used apps,
powering Facebook and Instagram among countless
other applications.
Its primary goal is to make it easy to reason about an
interface and its state at any point in time, by dividing
the UI into a collection of components.
3
Preface
Introduction to React
How much JavaScript you need to know to use
React?
Why should you learn React?
How to install React
React Components
Introduction to JSX
Using JSX to compose UI
The difference between JSX and HTML
Embedding JavaScript in JSX
Managing state in React
Component Props in React
Data flow in a React application
Handling user events in React
Lifecycle events in a React component
Where to go from here
1
, Preface
The React Beginner's Handbook follows the 80/20
rule: learn in 20% of the time the 80% of a topic.
I find this approach gives a well-rounded overview.
This book does not try to cover everything under the
sun related to React. It focuses on the core of the
language, trying to simplify the more complex topics.
I hope the contents of this book will help you achieve
what you want: learn the basics of React.
This book is written by Flavio. I publish web
development tutorials every day on my website
flaviocopes.com.
You can reach me on Twitter @flaviocopes.
Enjoy!
2
, Introduction to React
The goal of this handbook is to provide a starter guide
to learning React.
At the end of the book, you'll have a basic
understanding of:
What is React and why it's so popular
How to install React
The concepts of React: Components
The concepts of React: State
The concepts of React: Props
Handling user events in React
Lifecycle events in a React component
Those topics will be the base upon which you will work
on in other more advanced React courses.
This book is especially oriented at JavaScript
programmers new to React.
React is a JavaScript library that aims to simplify
development of visual interfaces.
Developed at Facebook and released to the world in
2013, it drives some of the most widely used apps,
powering Facebook and Instagram among countless
other applications.
Its primary goal is to make it easy to reason about an
interface and its state at any point in time, by dividing
the UI into a collection of components.
3
