ReactJS Blueprints

Create powerful applications with ReactJS, the most popular platform for web developers today

ReactJS Blueprints

This ebook is included in a Mapt subscription
Sven A. Robbestad

2 customer reviews
Create powerful applications with ReactJS, the most popular platform for web developers today
$0.00
$18.00
$44.99
$29.99p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781785886546
Paperback422 pages

Book Description

The JavaScript revolution has landed! ReactJS is one of those rare technologies that comes out of nowhere and turns established practices on their head. It provides a different way of thinking about how you should develop your apps, and has already gained a massive adoption among web developers. Join the revolution, build web apps faster, and have more fun developing!

Packed with real-world code, this book starts by covering the idea behind ReactJS and the key concepts you must familiarize yourself with. You will learn how to bootstrap your ReactJS projects and you’ll also be provided with a handy scaffolding that you can use and reuse over and over.

We then go on to cover a wide variety of apps, and will help you to structure and build your own components. Next, you will build a web shop, create a fully responsive and routable app, and also develop a real-time search app. Further on, you will be taught to work with public APIs to create a map-based application. You will also be taken through some advanced concepts such as Redux that are making a huge splash currently in the world of ReactJS. You’ll learn how to efficiently seal off your app for guest access, interact with hardware APIs, and create a photo app. You will then master the art of making your apps universal, and find out how to deploy them to the cloud. Finally, we wrap up the book as you are shown how to make a game. What better way to kick off your ReactJS development journey?

Table of Contents

Chapter 1: Diving Headfirst into ReactJS
Introducing ReactJS
Component specification
Life cycle methods
Synthetic events and the Virtual DOM
Composition
Developing with modern frontend tools
Summary
Chapter 2: Creating a Web Shop
An overview of the components
Setting up a shop
Summary
Chapter 3: Responsive Web Development with ReactJS
Creating a flexible layout
Summary
Chapter 4: Building a Real-Time Search App
Creating your own search API
Creating your ReactJS search app
Summary
Chapter 5: Creating a Map App with HTML5 APIs
The state of HTML5 APIs
Creating our map app
Summary
Chapter 6: Advanced React
A new bundling strategy
Creating a new scaffold with Webpack
Introducing Redux
Creating a login app
The Login API
Summary
Chapter 7: Reactagram
Getting started
Setting up the routes
Creating a higher order function
Creating a random username
Creating a welcome screen
Taking a picture
Adding filters
Adding the stream
Creating an item page and adding comments
Wrapping up
Summary
Chapter 8: Deploying Your App to the Cloud
Choosing a cloud provider
Setting up cloud deployment with npm
Preparing your Browserify app for cloud deployment
Deploying a Webpack app to the cloud
Summary
Chapter 9: Creating a Shared App
Server rendering versus client rendering
Terminology confusion
Developing a server-rendered app
Adding Redux to your server-rendered app
The final structure
Summary
Chapter 10: Making a Game
The optimal Webpack configuration
Creating an HTML5 canvas engine
Creating the game
Further improvements
Summary

What You Will Learn

  • Create a development environment that speeds up your development process
  • Find out about responsive web development and create apps that can be used on any device
  • Effortlessly connect to public and private APIs
  • Create efficient components that are easily testable and small enough to completely understand
  • Understand what data flow means in ReactJS and why you never need to worry about where data changes originate
  • Create universal apps that run on the browser as well as on the server
  • Work with modern front-end tooling and level up your skills
  • Train yourself to think in terms of ReactJS

Authors

Table of Contents

Chapter 1: Diving Headfirst into ReactJS
Introducing ReactJS
Component specification
Life cycle methods
Synthetic events and the Virtual DOM
Composition
Developing with modern frontend tools
Summary
Chapter 2: Creating a Web Shop
An overview of the components
Setting up a shop
Summary
Chapter 3: Responsive Web Development with ReactJS
Creating a flexible layout
Summary
Chapter 4: Building a Real-Time Search App
Creating your own search API
Creating your ReactJS search app
Summary
Chapter 5: Creating a Map App with HTML5 APIs
The state of HTML5 APIs
Creating our map app
Summary
Chapter 6: Advanced React
A new bundling strategy
Creating a new scaffold with Webpack
Introducing Redux
Creating a login app
The Login API
Summary
Chapter 7: Reactagram
Getting started
Setting up the routes
Creating a higher order function
Creating a random username
Creating a welcome screen
Taking a picture
Adding filters
Adding the stream
Creating an item page and adding comments
Wrapping up
Summary
Chapter 8: Deploying Your App to the Cloud
Choosing a cloud provider
Setting up cloud deployment with npm
Preparing your Browserify app for cloud deployment
Deploying a Webpack app to the cloud
Summary
Chapter 9: Creating a Shared App
Server rendering versus client rendering
Terminology confusion
Developing a server-rendered app
Adding Redux to your server-rendered app
The final structure
Summary
Chapter 10: Making a Game
The optimal Webpack configuration
Creating an HTML5 canvas engine
Creating the game
Further improvements
Summary

Book Details

ISBN 139781785886546
Paperback422 pages
Read More
From 2 reviews

Read More Reviews