React 16.3.0深度指南：Fullstack系列实战详解

5星 · 超过95%的资源需积分: 10 2 浏览量更新于2024-07-18 1 收藏 15.01MB PDF 举报

《Fullstack React：ReactJS与朋友的完整指南》(第36版)是由安东尼·阿科马佐、阿里·莱纳、内特·默里、克莱·奥尔索普、大卫·古特曼和泰勒·麦克金尼斯共同撰写的一本权威书籍，辅以索菲娅·肖梅克的技术指导。该书于2017年由全栈.io出版，截至2018年4月2日支持React 16.3.0版本。此版本是作者团队对React技术的全面深入讲解，适合希望深入了解React及其相关技术的开发者。本书内容覆盖了React的核心概念，从基础组件到高级特性，如状态管理、生命周期方法、函数组件、类组件、JSX语法以及现代Web开发的最佳实践。它还包含了与React生态系统紧密相关的工具和技术，例如Redux、React Router、GraphQL、服务器渲染等，帮助读者构建完整的前端应用架构，实现前后端分离和高效用户体验。在第36版中，可能包括了对ES6新特性、虚拟DOM优化、性能调优策略以及现代前端开发的最佳实践的讨论。此外，书中还提供了丰富的代码示例和实战项目，以便读者通过实际操作巩固理论知识。为了保持与社区的互动和获取最新更新，作者鼓励读者通过邮件trank2006@gmail.com或关注官方Twitter来获取最新资讯。同时，书中也包含了致读者的前言部分，可能阐述了编写本书的目的、作者们对React的热情以及他们希望通过这本书传递给读者的理念。值得注意的是，全栈.io保留所有版权，强调了书中的内容仅供购买者合法复制和存储，且仅限于备份或归档目的。代码可以在个人项目中自由使用，但商业用途需遵循相应许可。同时，作者和出版社对书中信息的准确性和完整性不作任何明示或暗示的保证，也不承担因使用本书内容导致的偶然或间接损失的责任。《Fullstack React第36版》是一本紧跟技术潮流的React学习和实践指南，对于希望在现代Web开发领域深耕的开发者来说，这是一份不可或缺的参考资料。通过阅读这本书，读者不仅能掌握React的最新技术和最佳实践，还能了解如何将其与其他技术相结合，构建出功能强大、性能卓越的全栈应用。

CONTENTS 1

Book Revision

Revision 36 - Supports React 16.3.0 (2018-04-02)

Bug Reports

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

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

mailto:react@fullstack.io?Subject=Fullstack%20React%20book%20feedback

https://gitter.im/fullstackreact/fullstackreact

https://twitter.com/fullstackio

mailto:react@fullstack.io?Subject=react%20testimonial

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.

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

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

剩余759页未读，继续阅读

urguys

粉丝: 5
资源: 4

React 16.3.0深度指南：Fullstack系列实战详解

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

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

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

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

Fullstack_React.The_Complete_Book_on_ReactJS_and_Friends(r39).zip

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

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

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

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

Fullstack.React.The Complete Book on ReactJS and Friends.r35.2018.pdf

最新资源