Learning React: A Hands-On Guide to Building Web Applications Using React and Redux, 2nd Edition
©2018 |Addison-Wesley Professional | Available
©2018 |Addison-Wesley Professional | Available
What React isn’t, though, is beginner-friendly and approachable. In Learning React, author Kirupa Chinnathambi brings his fresh, clear, and very personable writing style to help web developers new to React understand its fundamentals and how to use it to build really performant (and awesome) apps.
The only book on the market that helps you get your first React app up and running in just minutes, Learning React is chock-full of colorful illustrations to help you visualize difficult concepts and practical step-by-step examples to show you how to apply what you learn.
This product is part of the following series. Click on a series title to see the full list of products in the series.
Use Redux to make managing your app data and state easy
The second edition of Learning React has been updated to address changes in React introduced with React 16 (Fall 2017):
• The migration to using the "class" syntax for defining classes as opposed to "React.createClass"
• Updated coverage of using React Router to create single page apps
• New coverage of the increasingly popular Redux library to manage state in a React app
1 Introducing React
Old-School Multipage Design
New-School Single-Page Apps
Automatic UI State Management
Lightning-Fast DOM Manipulation
APIs to Create Truly Composable UIs
Just the V in an MVC Architecture
2 Building Your First React App
Dealing with JSX
Getting Your React On
Displaying Your Name
It’s All Still Familiar
Changing the Destination
Styling It Up!
3 Components in React
Quick Review of Functions
Changing How We Deal with UI
Meet the React Component
Creating a Hello, World! Component
First Part: Updating the Component Definition
Second Part: Modifying the Component Call
Dealing with Children
4 Styling in React
Displaying Some Vowels
Styling React Content Using CSS
Understand the Generated HTML
Just Style It Already!
Styling Content the React Way
Creating a Style Object
Actually Styling Our Content
Making the Background Color Customizable
5 Creating Complex Components
From Visuals to Components
Identifying the Major Visual Elements
Identifying the Components
Creating the Components
The Card Component
The Square Component
The Label Component
Passing Properties, Again!
Why Component Composability Rocks
6 Transferring Properties
Detailed Look at the Problem
Meet the Spread Operator
A Better Way to Transfer Properties
7 Meet JSX…Again!
What Happens with JSX?
JSX Quirks to Remember
Returning Multiple Elements
You Can’t Specify CSS Inline Comments
Capitalization, HTML Elements, and Components
Your JSX Can Be Anywhere
8 Dealing with State in React
Our Starting Point
Getting Our Counter On
Setting the Initial State Value
Starting Our Timer and Setting State
Rendering the State Change
Optional: The Full Code
9 Going from Data to UI in React
Your JSX Can Be Anywhere, Part II
Dealing with Arrays
10 Events in React
Listening and Reacting to Events
Making the Button Click Do Something
Meet Synthetic Events
Doing Stuff with Event Properties
More Eventing Shenanigans
You Can’t Directly Listen to Events on Components
Listening to Regular DOM Events
The Meaning of this Inside the Event Handler
11 The Component Lifecycle
Meet the Lifecycle Methods
See the Lifecycle Methods in Action
The Initial Rendering Phase
Getting the Default Props
Getting the Default State
The Updating Phase
Dealing with State Changes
Dealing with Prop Changes
The Unmounting Phase
12 Accessing DOM Elements in React
The Colorizer Example
13 Setting Up Your React Dev Environment Easily
Meet Create React
Making Sense of What Happened
Creating Our HelloWorld App
Creating a Production Build
14 Working with External Data in React
Web Request 101
It’s React Time!
Getting the IP Address
Kicking the Visuals Up a Notch
15 Building an Awesome Todo List App in React
Creating the Initial UI
Building the Rest of the App
Displaying the Items
Styling our App
Animation! Animation! Animation!
16 Creating a Sliding Menu in React
How the Sliding Menu Works
Setting Up the Sliding Menu
Showing and Hiding the Menu
Creating the Button
Creating the Menu
17 Avoiding Unnecessary Renders in React
About the render Method
Optimizing render Calls
Getting an Example Going
Seeing the render Calls
Overriding a Component Update
18 Creating a Single-Page App in React Using React Router
Building Our Single-Page App
Displaying the Initial Frame
Creating Our Content Pages
Using React Router
It’s the Little Things
Fixing Our Routing
Adding Some CSS
Highlighting the Active Link
19 Introduction to Redux
What Is Redux?
Building a Simple App Using Redux
It’s Redux Time
Lights! Camera! Action!
20 Using Redux with React
Managing React State with Redux
How Redux and React Overlap
Building the App
Pearson offers affordable and accessible purchase options to meet the needs of your students. Connect with us to learn more.
K12 Educators: Contact your Savvas Learning Company Account General Manager for purchase options. Instant Access ISBNs are for individuals purchasing with credit cards or PayPal.
Savvas Learning Company is a trademark of Savvas Learning Company LLC.
Kirupa Chinnathambi has spent most of his life trying to teach others to love web development as much as he does.
In 1999, before blogging was even a word, he started posting tutorials on kirupa.com. In the years since then, he has written hundreds of articles, penned a few books (none as good as this one, of course!), and recorded a bunch of videos you can find on YouTube. When he isn’t writing or talking about web development, he spends his waking hours helping make the web more awesome as a Program Manager at Microsoft. In his nonwaking hours, he is probably sleeping—or writing about himself in the third person.
You can find him on Twitter (twitter.com/kirupa), Facebook (facebook.com/kirupa), or email (firstname.lastname@example.org). Feel free to contact him anytime.
We're sorry! We don't recognize your username or password. Please try again.
The work is protected by local and international copyright laws and is provided solely for the use of instructors in teaching their courses and assessing student learning.
You have successfully signed out and will be required to sign back in should you need to download more resources.