Advanced React Recipes [Video]

Preview in Mapt

Advanced React Recipes [Video]

Diego Muracciole
New Release!

Get the finest recipes by combining the power of React and Redux to help you create dynamic apps easily.
Mapt Subscription
FREE
$29.99/m after trial
Video
$10.00
RRP $124.99
Save 91%
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
$10.00
$29.99 p/m after trial
RRP $124.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Advanced React Recipes [Video] Book Cover
Advanced React Recipes [Video]
$ 124.99
$ 10.00
React Native - The Practical Guide [Video] Book Cover
React Native - The Practical Guide [Video]
$ 169.99
$ 10.00
Buy 2 for $20.00
Save $274.98
Add to Cart

Video Details

ISBN 139781788836180
Course Length3 hours and 26 minutes

Video Description

Topic and description
ReactJS has been getting more and popular in the front-end development scenarios. It enables you to write even the most complicated dynamic interfaces making easy things easier and hard things achievable. Having a React app fully functional and tested is good enough, but that doesn’t mean we can’t make it even faster, smaller and more maintainable. In this course, we are going to review some concepts and tools that can turn a good React app, into a quality one.

Many tutorials make a good job explaining React, but they lack on covering what recipes can be followed to create some quality project. This course gathers all techniques and good practices I’ve learned to not just write a React application but doing in in an elegant and maintainable way. Starting off with how to simply add and configure Redux in our project, we will create a file structure that suits well in almost every React project. To move forward, we are going to see Redux in action in three very common scenarios: simple actions, modals handling and network requests.

Further, we will learn how to implement our own middleware to make network request even easier. In addition, we will also add a time-to-live feature to avoid unnecessary request and save bandwidth. One thing is having your app flawlessly running on your localhost, but a whole different one is running remotely, for example, on a cloud-based server. By the end of this course we will review the basic principles of deploying a React app in production, studying two different use cases.

All the code and supporting files for this course are available on Github at
https://github.com/PacktPublishing/Advanced-React-Recipes

Style and Approach

Each section of this course will be fully explained and coded by the author. No magic pieces of code will appear from one video to another. Special attention will be paid on recipes and good programming practices in each discussed topic, aiming to things not only work as supposed, but writing quality code in the process.

Table of Contents

Redux for the win
The Course Overview
How to Easily Configure Redux to Your Project
Most Common and Handy Middlewares That You Will (Probably) Always Need
State and Data Management in Redux
Using Redux to Dispatch Simple Actions
Resolve API Calls Through Redux
Using Redux State to Handle Modals
Creating Our Own Redux Middleware
Redux Middleware Signature and Injection
Create Middleware to Resolve Network Calls
Adjust Redux to this Solution
Add Resource Time-to-Live Feature
Animations
Different Approaches
A CSS Way: Using animate.css
A Programmatic Way: Using React Animation Add-Ons
Higher Order Components and Recompose
Understanding Higher Order Components
Recompose: The Good Parts
Integrate Recompose to an Existing Project
Writing Our Higher Order Component
Deploying
Making a Custom Production Build
How to Serve a React App Using Express.js
Deploying to Heroku
Deploying to Surge

What You Will Learn

  • Add and configure Redux in your project to boost efficiency
  • Resolve network issues with redux middleware
  • Create interactive UI animations.
  • Recompose and operate with higher order components.
  • Build higher order components on your own
  • Explore pros and cons of different styling approaches
  • Deploy a react app on different cloud platforms

Authors

Table of Contents

Redux for the win
The Course Overview
How to Easily Configure Redux to Your Project
Most Common and Handy Middlewares That You Will (Probably) Always Need
State and Data Management in Redux
Using Redux to Dispatch Simple Actions
Resolve API Calls Through Redux
Using Redux State to Handle Modals
Creating Our Own Redux Middleware
Redux Middleware Signature and Injection
Create Middleware to Resolve Network Calls
Adjust Redux to this Solution
Add Resource Time-to-Live Feature
Animations
Different Approaches
A CSS Way: Using animate.css
A Programmatic Way: Using React Animation Add-Ons
Higher Order Components and Recompose
Understanding Higher Order Components
Recompose: The Good Parts
Integrate Recompose to an Existing Project
Writing Our Higher Order Component
Deploying
Making a Custom Production Build
How to Serve a React App Using Express.js
Deploying to Heroku
Deploying to Surge

Video Details

ISBN 139781788836180
Course Length3 hours and 26 minutes
Read More

Read More Reviews

Recommended for You

React Native - The Practical Guide [Video] Book Cover
React Native - The Practical Guide [Video]
$ 169.99
$ 10.00
React Recipes [Video] Book Cover
React Recipes [Video]
$ 124.99
$ 10.00
Application Development with Advanced Ember [Video] Book Cover
Application Development with Advanced Ember [Video]
$ 124.99
$ 10.00
Network Hacking Continued - Intermediate to Advanced [Video] Book Cover
Network Hacking Continued - Intermediate to Advanced [Video]
$ 187.99
$ 10.01
Advanced Web Development with Django [Video] Book Cover
Advanced Web Development with Django [Video]
$ 124.99
$ 10.00
Advanced Machine Learning with Spark 2.x [Video] Book Cover
Advanced Machine Learning with Spark 2.x [Video]
$ 124.99
$ 10.00