Introduction to React teaches you React, the JavaScript framework created by developers at Facebook, to solve the problem of building complex user interfaces in a consistent and maintainable way. React.js shrugs away common front-end conventions in an effort to make things more efficient - use Introduction to React to learn about this framework and more today.
Get to know the React API and its specific JavaScript extension, JSX, which makes authoring React components easier and maintainable. You will also learn how to test your React applications and about the tools you can use while building. Once you understand these core concepts, you can build applications with React. This will help you cement the ideas and fundamentals of React and prepare you to utilize React in your own
use case.
What You'll Learn:
- How to use React to maintain complex user interfaces in an efficient way
- How to integrate existing user interfaces and move forward with React
- How to manage application architecture using Flux
- How to easily utilize JSX, React's JavaScript extension
Recenzijos
This book is aimed at active practitioners. It is small, dense, and fast-paced. In style, it is much more of a reference than a tutorial. I think the book is a fine resource. (David Goldfarb, Computing Reviews, computingreviews.com, June, 2016)
| About the Author |
|
xi | |
| About the Technical Reviewer |
|
xiii | |
| Acknowledgments |
|
xv | |
|
|
|
1 | (20) |
|
|
|
1 | (1) |
|
|
|
2 | (1) |
|
What Problems Does React Solve? |
|
|
3 | (1) |
|
React Is Not Just Another Framework |
|
|
4 | (11) |
|
|
|
5 | (2) |
|
|
|
7 | (2) |
|
|
|
9 | (6) |
|
React Concepts and Terminology |
|
|
15 | (5) |
|
|
|
15 | (1) |
|
|
|
16 | (1) |
|
|
|
17 | (1) |
|
|
|
17 | (1) |
|
|
|
17 | (1) |
|
|
|
18 | (1) |
|
|
|
18 | (1) |
|
|
|
18 | (1) |
|
|
|
19 | (1) |
|
|
|
20 | (1) |
|
Chapter 2 The Core of React |
|
|
21 | (22) |
|
|
|
21 | (7) |
|
|
|
21 | (1) |
|
|
|
22 | (1) |
|
|
|
23 | (1) |
|
|
|
24 | (1) |
|
|
|
25 | (1) |
|
|
|
25 | (1) |
|
|
|
26 | (1) |
|
|
|
26 | (1) |
|
|
|
26 | (1) |
|
|
|
27 | (1) |
|
|
|
27 | (1) |
|
|
|
27 | (1) |
|
Discovering React Components |
|
|
28 | (1) |
|
Understanding Component Properties and Methods |
|
|
29 | (2) |
|
Component Lifecycle and Rendering |
|
|
31 | (9) |
|
|
|
31 | (1) |
|
|
|
31 | (1) |
|
|
|
31 | (1) |
|
|
|
32 | (1) |
|
|
|
33 | (1) |
|
|
|
34 | (1) |
|
|
|
35 | (1) |
|
|
|
35 | (1) |
|
|
|
35 | (1) |
|
componentWillReceiveProps |
|
|
35 | (1) |
|
|
|
35 | (1) |
|
|
|
36 | (1) |
|
|
|
36 | (1) |
|
|
|
36 | (4) |
|
|
|
40 | (1) |
|
|
|
41 | (1) |
|
|
|
42 | (1) |
|
Chapter 3 JSX Fundamentals |
|
|
43 | (22) |
|
Why Use JSX Instead of Conventional JavaScript? |
|
|
43 | (2) |
|
|
|
45 | (2) |
|
How JSX Converts from an XML-Like Syntax to Valid JavaScript |
|
|
47 | (8) |
|
Spread Attributes and Other Considerations for JSX |
|
|
55 | (9) |
|
|
|
64 | (1) |
|
Chapter 4 Building a React Web Application |
|
|
65 | (22) |
|
Outlining Your Application's Basic Functionality |
|
|
65 | (1) |
|
Thinking in Terms of Components |
|
|
66 | (7) |
|
|
|
66 | (4) |
|
Rewrite an Existing Application |
|
|
70 | (3) |
|
Creating the Necessary Components for Your App |
|
|
73 | (6) |
|
|
|
79 | (3) |
|
|
|
79 | (3) |
|
|
|
82 | (3) |
|
|
|
85 | (2) |
|
Chapter 5 Introducing Flux: An Application Architecture for React |
|
|
87 | (20) |
|
What Flux Is and Why It Is Different than Typical MVC Frameworks |
|
|
87 | (4) |
|
The Basic Components of Flux |
|
|
91 | (1) |
|
|
|
91 | (1) |
|
|
|
91 | (1) |
|
|
|
92 | (1) |
|
|
|
92 | (1) |
|
How React and Flux Look Together |
|
|
92 | (14) |
|
|
|
106 | (1) |
|
Chapter 6 Using Flux to Structure a React Application |
|
|
107 | (20) |
|
Structuring Your Application |
|
|
107 | (1) |
|
Creating Dispatcher, Stores, Actions, and React Components for the Application |
|
|
108 | (17) |
|
|
|
109 | (1) |
|
|
|
109 | (7) |
|
|
|
116 | (2) |
|
|
|
118 | (7) |
|
|
|
125 | (1) |
|
|
|
126 | (1) |
|
|
|
126 | (1) |
| Index |
|
127 | |
Cory Gackenheimer is a software engineer from Indianapolis, Indiana. He studied Physics at Purdue University where he worked with image analysis software for nanoscale environments. His software experience has led him to utilize many different technologies including C#, C++, Visual Basic, SQL Server, MongoDB, Cassandra and, of course, JavaScript. He has a driving passion to learn new things and find more efficient processes and procedures. When he first encountered Node.js he realized the potential that utilizing the ubiquitous language of the web on the server was both efficient and revolutionary. Since then he has spent a considerable amount of time learning and building things with Node.js. Aside from hacking on code, he enjoys spending time with his family, running, cycling, or playing the occasional soccer game.
