O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Advanced React Recipes

Video Description

Get the finest recipes by combining the power of React and Redux to help you create dynamic apps easily.

About This Video

  • Create 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 scenario

In Detail

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