React.js Essentials

A fast-paced guide to designing and building scalable and maintainable web apps with React.js
Preview in Mapt

React.js Essentials

Artemij Fedosejev

1 customer reviews
A fast-paced guide to designing and building scalable and maintainable web apps with React.js
Mapt Subscription
FREE
$29.99/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 30 Day Trial

Frequently bought together


React.js Essentials Book Cover
React.js Essentials
$ 23.99
$ 16.80
Unity 2017 Game Development Essentials - Third Edition Book Cover
Unity 2017 Game Development Essentials - Third Edition
$ 39.99
$ 28.00
Buy 2 for $34.30
Save $29.68
Add to Cart

Book Details

ISBN 139781783551620
Paperback208 pages

Book Description

Building web applications with maintainable and performant user interfaces is a challenge that many have faced for more than a decade, but no one has risen to this challenge quite like React.js. Today React.js is used by Facebook, Instagram, Khan Academy, and Imperial College London, to name a few. Many new users recognize the benefits of React.js and adopt it in their own projects, forming a fast-growing community. The speed at which React.js has evolved promises a bright future for those who invest in learning it today.

React.js Essentials will take you on a fast-paced journey through building your own maintainable React.js application. Begin by exploring how you can create single and multiple user interface elements. Create stateless and stateful components and make them reactive, 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 Flux architecture and learn how to manage your application using stores. Finish by going that extra mile with the Jest test framework, running multiple tests on your application and find solutions to scale it further without complexity.

Table of Contents

Chapter 1: 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 Gulp.js
Creating a web page
Summary
Chapter 2: Create 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 3: Create Your First React Component
Stateless versus stateful
Creating your first stateless React component
Creating your first stateful React component
Summary
Chapter 4: Make Your React Components Reactive
Solving a problem using React
Planning your React application
Creating a container React component
Summary
Chapter 5: Use Your React Components with Another Library
Using another library in your React component
Understanding React component's lifecycle methods
Summary
Chapter 6: Update Your React Components
Understanding component lifecycle's updating methods
Setting default React component properties
Validating React component properties
Creating a Collection component
Summary
Chapter 7: Build 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 8: 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
Summary
Chapter 9: 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 10: 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

What You Will Learn

  • Install powerful React.js tools to make development much more efficient
  • Create React elements with properties and children
  • Get started with stateless and stateful React components
  • Use JSX to speed up your React.js development process
  • Add reactivity to your React components with lifecycle methods
  • Integrate your React components with other JavaScript libraries
  • Utilize the Flux application architecture with your React components
  • Test your React components with Jest test framework

Authors

Table of Contents

Chapter 1: 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 Gulp.js
Creating a web page
Summary
Chapter 2: Create 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 3: Create Your First React Component
Stateless versus stateful
Creating your first stateless React component
Creating your first stateful React component
Summary
Chapter 4: Make Your React Components Reactive
Solving a problem using React
Planning your React application
Creating a container React component
Summary
Chapter 5: Use Your React Components with Another Library
Using another library in your React component
Understanding React component's lifecycle methods
Summary
Chapter 6: Update Your React Components
Understanding component lifecycle's updating methods
Setting default React component properties
Validating React component properties
Creating a Collection component
Summary
Chapter 7: Build 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 8: 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
Summary
Chapter 9: 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 10: 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

Book Details

ISBN 139781783551620
Paperback208 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

ReactJS by Example - Building Modern Web Applications with React Book Cover
ReactJS by Example - Building Modern Web Applications with React
$ 35.99
$ 25.20
ReactJS Blueprints Book Cover
ReactJS Blueprints
$ 35.99
$ 25.20
Mastering React Book Cover
Mastering React
$ 35.99
$ 7.20
React Components Book Cover
React Components
$ 27.99
$ 19.60
React and React Native Book Cover
React and React Native
$ 39.99
$ 28.00
Learning Web Development with React and Bootstrap Book Cover
Learning Web Development with React and Bootstrap
$ 31.99
$ 22.40