React 16 Essentials - Second Edition

Everything you need to start working with React 16 and assess React Fiber
Preview in Mapt

React 16 Essentials - Second Edition

Artemij Fedosejev, Adam Boduch

Everything you need to start working with React 16 and assess React Fiber

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$20.83/m after trial
eBook
$16.80
RRP $23.99
Save 29%
Print + eBook
$29.99
RRP $29.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$16.80
$29.99
$29.99 p/m after trial
RRP $23.99
RRP $29.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


React 16 Essentials - Second Edition Book Cover
React 16 Essentials - Second Edition
$ 23.99
$ 16.80
Learning PostgreSQL 10 - Second Edition Book Cover
Learning PostgreSQL 10 - Second Edition
$ 27.99
$ 14.00
Buy 2 for $30.80
Save $21.18
Add to Cart

Book Details

ISBN 139781787126046
Paperback240 pages

Book Description

React 16 Essentials, Second Edition, fully updated for React 16, takes you on a fast-paced journey through building your own maintainable React 16 applications. React experts Artemij Fedosejev and Adam Boduch give you all the essentials you need to know and start working with React 16, in this new edition of the best-selling React.js Essentials title. You'll find the latest React 16 code updates, assessment of React Fiber, new coverage of Redux, and how to work as a modern React developer.

The authors offer you their current assessment of React Fiber, and you'll soon be exploring React 16 hands on, creating your own single and multiple user interface elements with React 16. You'll then see how to create stateless and stateful components and make them reactive. You'll also learn to interact between your components and lifecycle methods, and gauge how to effectively integrate your user interface components with other JavaScript libraries. Delve deep into the core elements of the Redux architecture and learn how to manage your application and data persistence. Then go the extra mile with the Jest test framework, and run multiple tests on your applications and find solutions to scale without complexity.

Today React is used by Facebook, Instagram, Khan Academy, and Imperial College London, to name a few. Many new users recognize the benefits of React and adopt it in their own projects, forming a fast-growing community. The speed at which React has evolved promises a bright future for anyone who invests in learning it today. Let Artemij and Adam bring you a brand new look at React 16 and React Fiber, and move your web development into the future.

Table of Contents

Chapter 1: What's New in React 16
Rethinking rendering
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
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: Making 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
Summary
Chapter 7: Updating Your React Components
Understanding component lifecycle updating methods
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: Supercharging 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?
Controlling state with reducers
Connecting components to an application state
Summary

What You Will Learn

  • Learn to code React 16 with hands-on examples and clear tutorials
  • Install powerful React 16 tools to make development much more efficient
  • Understand the impact of React Fiber today and the future of your web development
  • Utilize the Redux application architecture with your React components
  • Create React 16 elements with properties and children
  • Get started with stateless and stateful React components
  • Use JSX to speed up your React 16 development process
  • Add reactivity to your React 16 components with lifecycle methods
  • Test your React 16 components with the Jest test framework

Authors

Table of Contents

Chapter 1: What's New in React 16
Rethinking rendering
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
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: Making 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
Summary
Chapter 7: Updating Your React Components
Understanding component lifecycle updating methods
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: Supercharging 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?
Controlling state with reducers
Connecting components to an application state
Summary

Book Details

ISBN 139781787126046
Paperback240 pages
Read More

Read More Reviews

Recommended for You

Learning PostgreSQL 10 - Second Edition Book Cover
Learning PostgreSQL 10 - Second Edition
$ 27.99
$ 14.00
Learning Angular - Second Edition Book Cover
Learning Angular - Second Edition
$ 35.99
$ 25.20
Mastering Microservices with Java 9 - Second Edition Book Cover
Mastering Microservices with Java 9 - Second Edition
$ 35.99
$ 25.20
Learning D3.js 4 Mapping - Second Edition Book Cover
Learning D3.js 4 Mapping - Second Edition
$ 31.99
$ 22.40
Git Essentials - Second Edition Book Cover
Git Essentials - Second Edition
$ 27.99
$ 19.60
Rust Essentials - Second Edition Book Cover
Rust Essentials - Second Edition
$ 35.99
$ 25.20