React 16 Essentials

Name: React 16 Essentials | A fast-paced, hands-on guide to designing and building scalable and maintainable web apps with React 16
Brand: Packt Publishing
Price: 29.49 EUR
Availability: OnlineOnly

A fast-paced, hands-on guide to designing and building scalable and maintainable web apps with React 16

Artemij Fedosejev Adam Boduch(Author)

Packt Publishing

2nd Edition

Published on 8. July 2025

240 pages

E-Book

ePUB with Adobe-DRM

System requirements

978-1-78712-634-3 (ISBN)

€29.49incl. 7% vat

System requirements

for ePUB with Adobe-DRM

E-Book Single Licence

Available for download

Description

More details

Other editions

Persons

Content

Cover
Copyright
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Customer Feedback
Table of Contents
Preface
Chapter 1: What's New in React 16
Rethinking rendering
The status quo
Running to completion
What are fibers?
Async and the road ahead
Better component error handling
Rendering multiple elements and strings
Rendering to portals
Summary
Chapter 2: Installing Powerful Tools for Your Project
Approaching our project
Installing Node.js and npm
Installing Git
Getting data from the Twitter Streaming API
Filtering data with Snapkite Engine
Creating the project structure
Creating package.json
Reusing Node.js modules
Building with Webpack
Creating a web page
Summary
Chapter 3: Creating Your First React Element
Understanding the virtual DOM
Installing React
Creating React elements with JavaScript
The type parameter
The props parameter
The children parameter
Rendering React elements
Creating React elements with JSX
Summary
Chapter 4: Creating Your First React Component
Stateless versus stateful
Creating your first stateless React component
Creating your first stateful React component
Summary
Chapter 5: Make Your React Components Reactive
Solving a problem using React
Planning your React application
Creating a container React component
Summary
Chapter 6: Using Your React Components with Another Library
Using another library in your React component
Understanding React component's lifecycle methods
Mounting methods
The componentWillMount method
The componentDidMount method
Unmounting methods
The componentWillUnmount method
Summary
Chapter 7: Update Your React Components
Understanding component lifecycle updating methods
The componentWillReceiveProps method
The shouldComponentUpdate method
The componentWillUpdate method
The componentDidUpdate method
Setting default React component properties
Validating React component properties
Creating a Collection component
Summary
Chapter 8: Building Complex React Components
Creating the TweetList component
Creating the CollectionControls component
Creating the CollectionRenameForm component
Creating the Button component
Creating the CollectionExportForm component
Summary
Chapter 9: Testing Your React Application with Jest
Why write unit tests?
Creating test suites, specs, and expectations
Installing and running Jest
Creating multiple tests and expectations
Testing React components
Summary
Chapter 10: Supercharge Your React Architecture with Flux
Analyzing your web application's architecture
Understanding Flux
Creating a dispatcher
Creating an action creator
Creating a store
Summary
Chapter 11: Preparing Your React Application for Painless Maintenance with Flux
Decoupling concerns with Flux
Refactoring the Stream component
Creating CollectionStore
Creating CollectionActionCreators
Refactoring the Application component
Refactoring the Collection component
Refactoring the CollectionControls component
Refactoring the CollectionRenameForm component
Refactoring the TweetList component
Refactoring the StreamTweet component
Building and going beyond
Summary
Chapter 12: Refining Your Flux Apps with Redux
Why Redux?
One store to rule them all
Fewer moving parts
Uses the best parts of Flux
Controlling state with reducers
What are reducers?
Collection reducers
Adding tweets to collections
Removing tweets from collections
Setting the collection name
Editing collection names
Tweet reducers
Receiving tweets
Simplified action creators
Connecting components to an application state
Mapping state and action creators to props
Connecting the stream component
Connecting the StreamTweet component
Connecting the collection component
Connecting collection controls
Connecting the TweetList component
Creating stores and wiring your app
Summary
Index

System requirements

Save as PDF Copy link into clipboard

Schweitzer Fachinformationen

React 16 Essentials

Description

More details

Other editions

Additional editions

Persons

Content

System requirements