Wieruch Robin. The Road to learn React: Your journey to master plain yet pragmatic React.js

Leanpub, 2018. — 206 p. — ISBN13: 978-1-98633882-0.The Road to learn React teaches you the fundamentals of React. You will build a real world application along the way in plain React without complicated tooling. Everything from project setup to deployment on a server will be explained. The book comes with additional referenced reading material and exercises with each chapter. After reading the book, you will be able to build your own applications in React. The material is kept up to date by me and the community.In the Road to learn React, I want to offer a foundation before you start to dive into the broader React ecosystem. It has less tooling and less external state management, but a lot of information around React. It explains general concepts, patterns and best practices in a real world React application.You will learn to build your own React application. It covers real world features like pagination, client-side caching and interactions like searching and sorting. Additionally you will transition from JavaScript ES5 to JavaScript ES6 along the way. I hope this book captures my enthusiasm for React and JavaScript and helps you to get started.Foreword
About the Author
Testimonials iii
Education for Children
FAQ
Change Log
How to read it?
Introduction to React
Hi, my name is React
Requirements
node and npm
Installation
Zero-Configuration Setup
Introduction to JSX
ES6 const and let
ReactDOM
Hot Module Replacement
Complex JavaScript in JSX
ES6 Arrow Functions
ES6 Classes
Basics in React
Internal Component State
ES6 Object Initializer
Unidirectional Data Flow
Bindings
Event Handler
Interactions with Forms and Events
ES6 Destructuring
Controlled Components
Split Up Components
Composable Components
Reusable Components
Component Declarations
Styling Components
Getting Real with an API
Lifecycle Methods
Fetching Data
ES6 Spread Operators
Conditional Rendering
Client- or Server-side Search
Paginated Fetch
Client Cache
Error Handling
Axios instead of Fetch
Code Organization and Testing
ES6 Modules: Import and Export
Code Organization with ES6 Modules
Snapshot Tests with Jest
Unit Tests with Enzyme
Component Interface with PropTypes
Advanced React Components
Ref a DOM Element
Loading
Higher-Order Components
Advanced Sorting
State Management in React and beyond
Lifting State
Revisited: setState()
Taming the State
Final Steps to Production
Eject
Deploy your App