The Road to learn React (The Bare Essentials)
This book is 100% complete
Completed on 2018-10-08
About the Book
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.
What you can expect (so far...)
- Hacker News App in React
- no complicated configuration
- create-react-app to bootstrap your application
- efficient lightweight code
- only React setState as state management (so far...)
- transition from JavaScript ES5 to ES6 along the way
- the React API with setState and lifecycle methods
- interaction with a real world API (Hacker News)
- advanced user interactions
- client-sided sorting
- client-sided filtering
- server-sided searching
- implementation of client-side caching
- higher order functions and higher order components
- snapshot test components with Jest
- unit test components with Enzyme
- neat libraries along the way
- exercises and more readings along the way
- internalize and reinforce your learnings
- deploy your app to production
What you have to bring
Before you start to read the book, you should be familiar with HTML, CSS and JavaScript (ES5). The book will teach ES6 and beyond. When you come from a different SPA framework or library, you should be familiar with the basics. When you just started in web development, you should feel comfortable with HTML, CSS and JavaScript to learn React.
About the Author
Packages
The Bare Essentials
The book should enable everyone to start learning React. You will build an own application without any tooling along the way and transition from JavaScript ES5 to ES6.
English
PDF
EPUB
MOBI
APP
The Coder Package
Access exciting projects and boilerplate projects to go beyond plain React. Combine solutions such as React Router and Firebase with your application.
Includes:
Unlock Content Instructions
Please read the instructions to unlock your content. Thank you for purchasing the extended package.
English
PDF
EPUB
MOBI
APP
Bundles that include this book
Reader Testimonials
Muhammad Kashif
This book works like magic!
The Road to Learn React is a unique book that I recommend to any student or professional interested in learning react basics to advanced level. It is packed with insightful tips and techniques that are hard to find elsewhere, and remarkably thorough in its use of examples and references to sample problems, i have 17 years of experience in web and desktop app development, and before reading this book i was having trouble in learning react, but this book works like magic.
Nicholas Hunt-Walker
One of the most well-written & informative coding books
This is one of the most well-written & informative coding books I've ever worked through. A solid React & ES6 introduction.
A Rookie Developer
Easy to Follow
I just finished the book as a rookie developer, thanks for working on this. It was easy to follow and I feel confident in starting a new app from scratch in the coming days. The book was much better than official React.js tutorial that I tried earlier (and couldn't complete due to lack of detail). The exercises at the end of each section were very rewarding.
Student
The best book to start learning ReactJS
The project moves along with the concepts being learnt which helps to grasp the subject. I have found 'Code and learn' as best way to master programming and this book exactly does that.
Thomas Lockney
Solid introduction to React
Pretty solid introduction to React that doesn't try to be comprehensive. I just wanted a taste to understand what it was about and this book gave me exactly that. I didn't follow all the little footnotes to learn about the new ES6 features I've missed ("I wouldn't say I've been missing it, Bob."). But I'm sure for those of you who have fallen behind and are diligent about following those, you can probably learn a lot more than just what the book teaches.
Table of Contents
- Foreword
- About the Author
- Testimonials
- Education for Children
- FAQ
- Change Log
- Challenge
-
Introduction to React
- Hi, my name is React.
- Requirements
- 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
- Local 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 APIs
- 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
- Debugging with React Developer Tools
-
Advanced React Components
- Ref a DOM Element
- Loading …
- Higher-Order Components
- Advanced Sorting
-
State Management in React
- Lifting State
- Revisited: setState()
- Taming the State
-
Final Steps to Production
- Eject
- Deploy your App
- Outline
The Leanpub 45-day 100% Happiness Guarantee
Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms...
