Learn everything about React Components, React's top-level APIs, and JSX to create modern frontend applications. You will have plenty of time to apply your learnings in exercises after each chapter of the book. Lots of additional content awaits you. Step by step we will explore the concepts of React and how to use them in modern client applications to power our frontend. All the recent React best practices will be included in this React course to get you up to speed to the recent trends. You will build a real world application with features such as client-side filtering, server-side filtering and pagination. Lots of advanced concepts such as higher-order components, render props, and React's context will be covered in this course.
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.
Author(s): Robin Wieruch
Edition: 2021
Publisher: Leanpub
Year: 2021
Language: English
Pages: 253
Tags: React, React.js, Frontend, JavaScript
Table of Contents
Foreword
About the Author
FAQ
Who is this book for?
Fundamentals of React
Hello React
Requirements
Setting up a React Project
Meet the React Component
React JSX
Lists in React
Meet another React Component
React Component Instantiation
React DOM
React Component Definition (Advanced)
Handler Function in JSX
React Props
React State
Callback Handlers in JSX
Lifting State in React
React Controlled Components
Props Handling (Advanced)
React Side-Effects
React Custom Hooks (Advanced)
React Fragments
Reusable React Component
React Component Composition
Imperative React
Inline Handler in JSX
React Asynchronous Data
React Conditional Rendering
React Advanced State
React Impossible States
Data Fetching with React
Data Re-Fetching in React
Memoized Handler in React (Advanced)
Explicit Data Fetching with React
Third-Party Libraries in React
Async/Await in React (Advanced)
Forms in React
React's Legacy
React Class Components
React Class Components: State
Imperative React
Styling in React
CSS in React
CSS Modules in React
Styled Components in React
SVGs in React
React Maintenance
Performance in React (Advanced)
TypeScript in React
Testing in React
React Project Structure
Real World React (Advanced)
Sorting
Reverse Sort
Remember Last Searches
Paginated Fetch
Deploying a React Application
Build Process
Deploy to Firebase
Outline