React 16 essentials : a fast-paced, hands-on guide to designing and building scalable and maintainable web apps with React 16 / Artemij Fedosejev, Adam Boduch.

Format:

Book

Author/Creator:

Fedosejev, Artemij, author.

Boduch, Adam, author.

Language:

English

Subjects (All):

Application software--Development.

Application software.

Web applications--Design.

Web applications.

Physical Description:

1 online resource (1 volume) : illustrations

Edition:

Second edition.

Place of Publication:

Birmingham, [England] ; Mumbai, [India] : Packt Publishing, 2017.

System Details:

text file

Summary:

Everything you need to start working with React 16 and assess React Fiber About This Book Hands-on examples and tutorials for the latest React 16 release Assess the impact of React Fiber for your future web development Build maintainable and high performance React 16 web applications Who This Book Is For If you're a frontend developer with some knowledge of native JavaScript development and frontend frameworks, wishing to learn the fastest web user interface library there is, then this book is ideal for you. 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 In Detail 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 R...

Contents:

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

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

Chapter 4: Creating Your First React Component

Stateless versus stateful

Creating your first stateless React component

Creating your first stateful React component

Chapter 5: Make Your React Components Reactive

Solving a problem using React

Planning your React application

Creating a container React component

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

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

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

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

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

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

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

Index.

Notes:

Includes index.

Includes bibliographical references and index.

Description based on online resource; title from PDF title page (EBC, viewed January 3, 2018).

ISBN:

9781787126343

178712634X

OCLC:

1019129023