Name: The React Workshop
Author: Brandon Richey Ryan Yu Endre Vegh Theofanis Despoudis Anton Punith Florian Sloot
ISBN: 9781838821661

微信读书书城The React Workshop

首页我的书架登录

The React WorkshopBrandon Richey Ryan Yu Endre Vegh Theofanis Despoudis Anton Punith Florian Sloot

微信读书推荐值

评分不足

1人点评

推荐(0)

一般(1)

不行(0)

阅读

30人

电子书

体验卡可读

字数

69.8万字

简介

Are you interested in how React takes command of the view layer for web and mobile apps and changes the data of large web applications without needing to reload the page?This workshop will help you learn how and show you how to develop and enhance web apps using the features of the React framework with interesting examples and exercises.The workshop starts by demonstrating how to create your first React project. You’ll tap into React’s popular feature JSX to develop templates and use DOM events to make your project interactive. Next, you’ll focus on the lifecycle of the React component and understand how components are created, mounted, unmounted, and destroyed. Later, you’ll create and customize components to understand the data flow in React and how props and state communicate between components. You’ll also use Formik to create forms in React to explore the concept of controlled and uncontrolled components and even play with React Router to navigate between React components. The chapters that follow will help you build an interesting image-search app to fetch data from the outside world and populate the data to the React app. Finally, you’ll understand what ref API is and how it is used to manipulate DOM in an imperative way.By the end of this React book, you’ll have the skills you need to set up and create web apps using React.

翻译完成

切换

The React Workshop

Brandon Richey Ryan Yu Endre Vegh Theofanis Despoudis Anton Punith Florian Sloot

扉页
版权信息
+书签
Preface
1. Getting Started with React
Introduction
Problems before React
Introducing React
Using Create React App to Create Our Project
Introduction to JSX
Creating a React Component
Summary
2. Dealing with React Events
Introduction – Talking to JavaScript with React
Designing the State of Our Application
Quick UI Examples
Getting Started – Building Our Baseline Component
Event Handlers in React
Context of Event Handlers
Form Validation in React
Summary
3. Conditional Rendering and for Loops
Introduction
Conditional Rendering
Nested Conditional Rendering
Summary
4. React Lifecycle Methods
Introduction
Overview of the Component Lifecycle
The Mount Lifecycle
The Update Lifecycle
The Unmount Lifecycle
Summary
5. Class and Function Components
Introduction
Introduction to Thinking with React Components
Building React Components
Class Components
Function Component
Differences between Class and Function Components
Summary
6. State and Props
Introduction
State in React
Props in React
Summary
7. Communication between Components
Introduction
Getting Started
Higher-Order Components
Render Props
The Context API
Summary
8. Introduction to Formik
Introduction
Uncontrolled Components
Controlled Components
Introduction to Formik
Formik Higher-Order Components
Summary
9. Introduction to React Router
Introduction
Understanding Browser Routing
Basics of React Router
Summary
10. Advanced Routing Techniques: Special Cases
Introduction
React Router Special Cases
Summary
11. Hooks – Reusability, Readability, and a Different Mental Model
Introduction
Hooks
Comparing useEffect Hooks with Life Cycle Methods
Comparing Hooks to Render Props
Summary
12. State Management with Hooks
Introduction
useState Hook: A Closer Look
Limitations of useState
Using the useReducer Hook
Summary
13. Composing Hooks to Solve Complex Problems
Introduction
Context API and Hooks
Summary
14. Fetching Data by Making API Requests
Introduction
RESTful API
Different Ways of Requesting Data
Axios
Comparison of XMLHttpRequest, the Fetch API, and Axios
Testing APIs with Postman
Making API Requests in React
Fetching Data with React
Summary
15. Promise API and async/await
Introduction
What Is the Promise API?
What Is async/await?
Summary
16. Fetching Data on Initial Render and Refactoring with Hooks
Introduction
Fetching Data upon Initial Rendering
Fetching Data on Update
React Hooks to Fetch Data
More Refactoring with Custom Hook
Summary
17. Refs in React
Introduction
Why React Refs?
Forwarding Refs
Summary
18. Practical Use Cases of Refs
Introduction
Recap of React Refs Basics
DOM Manipulation Helpers
Summary
Appendix

简介

版权

The React Workshop