Fullstack React指南：深度解析ReactJS及其生态系统

4星 · 超过85%的资源需积分: 9 183 浏览量更新于2024-07-19 收藏 18.89MB PDF 举报

"Fullstack.React.The Complete Book on ReactJS and Friends.r35.2017.1.pdf 是一本由Anthony Accomazzo, Ari Lerner, Nate Murray, Clay Allsopp, David Guttman 和 Tyler McGinnis合著的关于ReactJS及其相关技术的全面指南，技术支持顾问是Sophia Shoemaker，此版本修订为35，支持React 16.0.0。书中内容可能涵盖了React的基础、高级用法、最佳实践以及与React相关的库和技术。" 在ReactJS的世界里，这本书可能包含以下重要知识点： 1. **React基础**：介绍React的基本概念，包括组件化开发、虚拟DOM、JSX语法，以及如何创建和管理组件的状态和生命周期。 2. **React Hooks**：React 16.8引入了Hooks，如useState、useEffect、useContext和useReducer等，使得状态管理和副作用处理在函数组件中更加简洁。 3. **Redux和MobX状态管理**：React应用通常需要某种形式的状态管理，书可能讨论了Redux和MobX这两种流行的状态管理库，包括它们的工作原理、使用场景和最佳实践。 4. **React Router**：React应用的路由管理是构建单页应用的关键，书中可能详细讲解了React Router的配置和使用方法，如何实现页面间的导航和动态路由。 5. **React性能优化**：包括PureComponent、shouldComponentUpdate、React.memo等优化技巧，以及使用Webpack或Babel进行构建优化。 6. **React Native**：如果涉及"Friends"部分，可能会介绍React Native，用于构建原生移动应用的技术，以及如何共享Web端的React代码。 7. **测试和调试**：包括Jest和Enzyme等工具的使用，进行单元测试和集成测试，以及Chrome开发者工具等调试技巧。 8. **社区和生态系统**：书中可能鼓励读者参与React社区，通过CSDN、Twitter等平台交流问题，获取更新信息。 9. **最佳实践和设计模式**：书中可能涵盖了一些常见的React开发最佳实践，如代码组织、错误边界、按需加载和懒加载等。 10. **实际项目实战**：作者们可能会通过一个或多个示例项目来演示如何将这些知识应用于实际开发中。通过这本书，读者可以系统地学习React及其相关技术，提升自己在前端全栈开发中的能力，无论是对于初学者还是有经验的开发者，都能从中获得宝贵的知识和实践经验。

CONTENTS 1

Book Revision

Revision 35 - Supports React 16.0.0

Bug Reports

If you’d like to report any bugs, typos, or suggestions just email us at: react@fullstack.io.

Refer to the page https://fullstackreact.com/print-errata for notes on any major issues for

your revision of the book.

For further help dealing with issues, refer to “How to Get the Most Out of This Book.”

Chat With The Community!

There’s an unofficial community chat room for this book using Gitter. If you’d like to hang out with

other people learning React, come join us on Gitter

Be notified of updates via Twitter

If you’d like to be notified of updates to the book on Twitter, follow @fullstackio

We’d love to hear from you!

Did you like the book? Did you find it helpful? We’d love to add your face to our list of testimonials

on the website! Email us at: react@fullstack.io.

https://gitter.im/fullstackreact/fullstackreact

https://twitter.com/fullstackio

http://blog.csdn.net/jiongyi1

Foreword

Web development is often seen as a crazy world where the way you develop software is by throwing

hacks on top of hacks. I believe that React breaks from this pattern and instead has been designed

from first principle which gives you a solid foundation to build on.

Christopher Chedeau - Front-end Engineer

at Facebook

A major source of bugs for front-end applications was

around synchronizing the data model with the DOM. It

is very hard to make sure that whenever data changes,

everything in the UI is updated with it.

React’s first innovation was to introduce a pure-

JavaScript representation of the DOM and implement

diffing in userland and then use events which send

simple commands: create, update, delete.

With React, by conceptually re-rendering everything

whenever anything changes, not only do you have

code that is safe by default, it is also less work as you

only need to write the creation path: updates are taken

care of for you.

Browsers have, for a long time, been incompatible in

various ways due to the large API surface area of what

they have to support to make the DOM work. Not only

does React provide a great way to solve browser differences, but it enables use cases that were never

before possible for a front-end library, such as server-side rendering and the ability to implement

rendering targets like native iOS, Android, and even hardware components.

But the most important thing about React and the main reason why you should read this book: not

only will you use it to make great applications for your users, it will also make you a better

developer. Libraries come and go all the time and React is likely going to be no exception. What

makes it special is that it teaches you concepts that can be reused throughout your entire career.

You will become better at JavaScript because React doesn’t come with a templating system.

Instead, React pushes you to use the full power of JavaScript to build your user interface.

You are going to practice using parts of functional programming with map and filter and also

encouraged to use the latest features of JavaScript (including ES6). By not abstracting away data

management, React will force you to think about how to architect your app and encourage you to

consider concepts like immutability.

I’m very proud that the community built around React is not afraid of “rethinking best practices.”

The community challenges the status quo in many areas. My advice to you is to read this excellent

http://blog.csdn.net/jiongyi1

How to Get the Most Out of This Book

Overview

This book aims to be the single most useful resource on learning React. By the time you’re done

reading this book, you (and your team) will have everything you need to build reliable, powerful

React apps.

React core is lean and powerful. After the first few chapters, you’ll have a solid understanding of

React’s fundamentals and will be able to build a wide array of rich, interactive web apps with the

framework.

But beyond React’s core, there are many tools in its ecosystem that you might find helpful for

building production apps. Things like client-side routing between pages, managing complex state,

and heavy API interaction at scale.

This book consists of two parts.

In Part I, we cover all the fundamentals with a progressive, example-driven approach. You’ll create

your first apps, learn how to write components, start handling user interaction, manage rich

forms, and even interact with servers.

We bookend the first part by exploring the inner workings of Create React App (Facebook’s tool

for running React apps), writing automated unit tests, and building a multi-page app that uses

client-side routing.

Part II of this book moves into more advanced concepts that you’ll see used in large, production

applications. These concepts explore strategies for data architecture, transport, and management:

Redux is a state management paradigm based on Facebook’s Flux architecture. Redux provides a

structure for large state trees and allows you to decouple user interaction in your app from state

changes.

GraphQL is a powerful, typed, REST API alternative where the client describes the data it needs.

We also cover how to write your own GraphQL servers for your own data.

Relay is the glue between GraphQL and React. Relay is a data-fetching library that makes it easy to

write flexible, performant apps without a lot of data-fetching code.

Finally, in the last chapter, we’ll talk about how to write native, cross-platform mobile apps using

React Native.

There are a few guidelines we want to give you in order to get the most out of this book.

First, know that you do not need to read this book linearly from cover-to-cover. However, we’ve

ordered the contents of the book in a way we feel fits the order you should learn the concepts. We

http://blog.csdn.net/jiongyi1

How to Get the Most Out of This Book 2

encourage you to learn all the concepts in Part I of the book first before diving into concepts in Part

II.

Second, keep in mind this package is more than just a book - it’s a course complete with example

code for every chapter. Below, we’ll tell you:

• how to approach the code examples and

• how to get help if something goes wrong

Running Code Examples

This book comes with a library of runnable code examples. The code is available to download from

the same place where you purchased this book. If you purchased this book on Amazon, you should

have received an email with instructions.

If you have any trouble finding or downloading the code examples, email us at react@fullstack.io.

We use the program npm

to run every example in this book. You can boot most apps with the

following two commands:

npm install

npm start

If you’re unfamiliar with npm, we cover how to get it installed in the “Setting Up” section

in the first chapter.

After running npm start, you will see some output on your screen that will tell you what URL to

open to view your app.

Some apps require a few more commands to setup. If you’re ever unclear on how to run a

particular sample app, checkout the README.md in that project’s directory. Every sample project

contains a README.md that will give you the instructions you need to run each app.

Project setups

The first two projects begin with a simple React setup that allows us to quickly write React

applications.

From there, with a couple exceptions, every project in this book was built using Create React App

Create React App is based on Webpack, a tool which helps process and bundle our various JavaScript,

CSS, HTML, and image files. We explore Create React App in-depth in the chapter “Using Webpack

with Create React App.” But, Create React App is not a requirement for using React. It’s simply a

wrapper around Webpack (and some other tooling) that makes it easy to get started.

https://www.npmjs.com/

https://github.com/facebookincubator/create-react-app

http://blog.csdn.net/jiongyi1

剩余819页未读，继续阅读

cythb

粉丝: 1
资源: 7

Fullstack React指南：深度解析ReactJS及其生态系统

Fullstack React The Complete Guide to ReactJS and Friends 2017 6 v32

Fullstack.React.The Complete.r35.2017.11.pdf.and.code.zip

Fullstack.React.The Complete Book on ReactJS and Friends.r20.2017.1.pdf

Fullstack React Book - The Complete Guide to ReactJS and Friends - r35a

Fullstack_React.The_Complete_Book_on_ReactJS_and_Friends(r39).zip

《Fullstack React》：ReactJS与朋友的全面指南

《The Complete Guide to React & Friends》：全面学习React的权威指南

Fullstack.React.The Complete Book on ReactJS and Friends.r31.2017.5.18.pdf )

Fullstack.React.The Complete Book on ReactJS and Friends.r36随书代码

Fullstack.React.The Complete Book on ReactJS and Friends.r36

最新资源