React.js Essentials

Book Image

React.js Essentials

By : Artemij Fedosejev

Book Image

React.js Essentials

By: Artemij Fedosejev

Overview of this book

React.js Essentials

React.js Essentials

Credits

Foreword

About the Author

About the Author

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Free Chapter

Installing Powerful Tools for Your Project

Installing Powerful Tools for Your Project

Approaching our project

Installing Node.js and npm

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 Gulp.js

Creating a web page

Create Your First React Element

Create Your First React Element

Understanding the virtual DOM

Installing React

Creating React Elements with JavaScript

Rendering React Elements

Creating React Elements with JSX

Create Your First React Component

Create Your First React Component

Stateless versus stateful

Creating your first stateless React component

Creating your first stateful React component

Make Your React Components Reactive

Make Your React Components Reactive

Solving a problem using React

Planning your React application

Creating a container React component

Use Your React Components with Another Library

Use Your React Components with Another Library

Using another library in your React component

Understanding React component's lifecycle methods

Update Your React Components

Update Your React Components

Understanding component lifecycle's updating methods

Setting default React component properties

Validating React component properties

Creating a Collection component

Build Complex React Components

Build Complex React Components

Creating the TweetList component

Creating the CollectionControls component

Creating the CollectionRenameForm component

Creating the Button component

Creating the CollectionExportForm component

Test Your React Application with Jest

Test Your React Application with Jest

Why write unit tests?

Creating test suits, specs, and expectations

Installing and running Jest

Creating multiple specs and expectations

Testing React components

Supercharge Your React Architecture with Flux

Supercharge Your React Architecture with Flux

Analyzing your web application's architecture

Understanding Flux

Creating a dispatcher

Creating an action creator

Creating a store

Prepare Your React Application for Painless Maintenance with Flux

Prepare 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

Build and go beyond

Index

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

About the Reviewers

Denis Radin is a frontend engineer working on embedded JavaScript in Liberty Global (Ziggo, UPC). He is passionate about UI experiments and performance optimization. He can be found launching JavaScript into space and the stratosphere in his spare time and believes that this is the sunrise of an interactive revolution. Denis maintains a blog at http://pixelscommander.com.

Konstantin Tarkus is a senior software engineer and technology mentor from St. Petersburg, Russia. He specializes in developing web and cloud applications, regularly contributes to the open source community (see the React Starter Kit and Babel Starter Kit projects on GitHub), and enjoys learning new technologies every day. You can find more information about him and reach out to him at www.codementor.io/koistya.