Home Page Icon
Home Page
Table of Contents for
Index
Close
Index
by Stoyan Stefanov
React: Up & Running, 2nd Edition
Preface
About This Book
Conventions Used in This Book
Using Code Examples
O’Reilly Online Learning
How to Contact Us
Acknowledgments
1. Hello World
Setup
Hello React World
What Just Happened?
React.createElement()
JSX
Setup Babel
Hello JSX world
What just happened?
Next: Custom Components
2. The Life of a Component
A Custom Functional Component
A JSX Version
A Custom Class Component
Which Syntax to Use?
Properties
Properties in Functional Components
Default Properties
State
A Textarea Component
Make it Stateful
A Note on DOM Events
Event Handling in the Olden Days
Event Handling in React
Event-Handling Syntax
Props Versus State
Props in Initial State: An Anti-Pattern
Accessing the Component from the Outside
Lifecycle Methods
Lifecycle Example: Log It All
Paranoid State Protection
Lifecycle Example: Using a Child Component
Performance Win: Prevent Component Updates
Whatever Happened to Functional Components?
Index
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
2. The Life of a Component
Next
Next Chapter
About the Author
Index
C
camelCase syntax
,
Event Handling in React
componentDidUpdate()
,
Paranoid State Protection
components
,
What Just Happened?
pure
,
Performance Win: Prevent Component Updates
counter component
,
Lifecycle Example: Using a Child Component
custom components
basic
,
The Life of a Component
event handling
,
A Note on DOM Events
-
Event Handling in React
outside access of
,
Accessing the Component from the Outside
props versus state
,
Props Versus State
state
,
State
textarea
,
A Textarea Component
-
Make it Stateful
D
defaultValue property
,
A Textarea Component
DOM
event handling in
,
Event Handling in the Olden Days
-
Event Handling in the Olden Days
DOM access
,
What Just Happened?
E
element.addEventListener
,
Event Handling in the Olden Days
event delegation
,
Event Handling in the Olden Days
event handling
,
Event Handling in the Olden Days
-
Event Handling in React
event.preventDefault()
,
Event Handling in React
event.stopPropagation()
,
Event Handling in React
H
Hello World app
,
Hello React World
-
Hello React World
HTML elements
as React components
,
React.createElement()
J
JSX
,
JSX
L
logging
,
Lifecycle Example: Log It All
M
myTextAreaCounter
,
Accessing the Component from the Outside
N
nested components
,
React.createElement()
P
polyfills
,
What just happened?
properties (props)
,
Props Versus State
pure components
,
Performance Win: Prevent Component Updates
R
React library
,
Setup
React object
,
What Just Happened?
ReactDOM object
,
What Just Happened?
ReactDOM.render()
,
Accessing the Component from the Outside
S
setState()
,
State
,
Paranoid State Protection
setup
,
Setup
shouldComponentUpdate(next Props, nextState)
,
Performance Win: Prevent Component Updates
state
,
State
,
Props Versus State
synthetic events
,
A Note on DOM Events
,
Event Handling in React
T
text child
,
React.createElement()
textarea component
,
A Textarea Component
-
Make it Stateful
TextAreaCounter
,
Event Handling in React
,
Lifecycle Example: Log It All
this.props
,
Props Versus State
this.props object
,
Properties
this.setState()
,
Make it Stateful
this.state
,
Props Versus State
this.state object
,
State
W
wrappers
,
What Just Happened?
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset