by Diego Muracciole | Publisher: Packt Publishing | Release Date: April 2018 | ISBN: 9781788836180

Get the finest recipes by combining the power of React and Redux to help you create dynamic apps easily.About This VideoCreate a React project from scratch, understanding what tools comes into play and turn a good React app into a quality one. Leverage the benefit and power your App by configuring Redux with your react app Follow the different approaches there are to solve one problem, and gain critical eye to choose for one in each scenarioIn DetailReactJS 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

1. Chapter 1 : Redux for the win
   • The Course Overview 00:02:36
   • How to Easily Configure Redux to Your Project 00:11:59
   • Most Common and Handy Middlewares That You Will (Probably) Always Need 00:06:54
   • State and Data Management in Redux 00:07:58
   • Using Redux to Dispatch Simple Actions 00:10:07
   • Resolve API Calls Through Redux 00:16:01
   • Using Redux State to Handle Modals 00:19:20
2. Chapter 2 : Creating Our Own Redux Middleware
   • Redux Middleware Signature and Injection 00:04:34
   • Create Middleware to Resolve Network Calls 00:04:39
   • Adjust Redux to this Solution 00:12:32
   • Add Resource Time-to-Live Feature 00:08:40
3. Chapter 3 : Animations
   • Different Approaches 00:04:44
   • A CSS Way: Using animate.css 00:11:01
   • A Programmatic Way: Using React Animation Add-Ons 00:10:29
4. Chapter 4 : Higher Order Components and Recompose
   • Understanding Higher Order Components 00:05:51
   • Recompose: The Good Parts 00:08:03
   • Integrate Recompose to an Existing Project 00:13:48
   • Writing Our Higher Order Component 00:14:13
5. Chapter 5 : Deploying
   • Making a Custom Production Build 00:08:42
   • How to Serve a React App Using Express.js 00:07:19
   • Deploying to Heroku 00:08:24
   • Deploying to Surge 00:08:07