Redux JS - Learn to use Redux JS with your React JS apps!

I welcome you in our React JS and Redux Js course. Together, we have a plan to work, study and have fun with our code!

In this lecture of our Redux JS Course, we will see how to make the most of the Udemy platform, understand the features that are available to us.

In this lecture, I will introduce you to the syllabus that we are going to cover in our React - Redux course!

In this lecture, I will talk a little bit about myself. If you are interested to introduce yourself, please feel free to do it in the Q&A section. I will love to interact with you and know you!

In this lecture, we will use React JS into our online editor "codepen.io" and create our very first "Hello World" application!

In this lecture, we will expand on our "Hello World" application and add more functionality to it.

In this lecture, We will install our armor! Sublime Text (you can also use an editor of your choice), Node JS and NPM.

In this lecture, We will install our armor! Sublime Text (you can also use an editor of your choice), Node JS and NPM.

In this lecture, we will continue the installations and install React JS and setup our workspace!

In this lecture, we will understand and use JSX to write our React application!

In this lecture, we will understand and use Components to write our React application!

In this lecture, we will understand rendering and how to use the React DOM to render/update components!

In this lecture, we will go over the props in React JS and how data flows from Parent to Child (FLUX)

In this lecture, we will expand our discussion and see how to add validations to props!

In this lecture, we will go the components API and see all the supported methods/functions!

In this lecture, we will go the components API and see all the supported methods/functions on how to call them and when they get called.

In this lecture, we will go over forms and how to handle various types of Inputs in react.

In this lecture, we will go over forms and how to handle various types of Inputs in react.

In this lecture, we will go over forms and how to handle various types of Inputs in react.

In this lecture, I will give you an overview of the new project that are going to build, it's our resume from an HTML/CSS template that we got it online.

In this lecture, we will use the Orbit Theme and make it work with our react application.

In this lecture, we will create our JSON file to hold the data we may need to make the resume work dynamically. Please use the resume.json attached in the resources section before we code the next lecture.

In this lecture, we will break the HTML template into small react components, so that we can repeat ourselves and display content dynamically.

In this lecture, we will break the HTML template into small react components, so that we can repeat ourselves and display content dynamically.

In this lecture, we will deploy our resume on the cloud, using heroku!

This lecture is an introduction to the Math app that we are going to create in this section.

In this lecture, we will create a new React App, to get started.

In this lecture, we will go over the various files and folders created by our 'create-react-app'

In this lecture, we will install all the necessary NPM Packages as well as the Redux DevTools

In this lecture, I will quickly demonstrate the new redux plugin that was installed and the information that it presents to us.

In this lecture, we will create our first React JS component for our app to work.

In this lecture, I will walk you through the whole lifecycle on which redux works.

In this lecture, we will take a pause and see what each of the npm package 'redux' and 'react-redux' exports, that can be used as an import in our application.

In this lecture, we will write our actions and reducers for the mathsapp.

In this lecture, we will see, on how to create a store in our react-redux application.

In this lecture, we will complete the Increment logic and make sure the number gets incremented every time we click the Increment button!

In this lecture, we will start out implementation for Decrementing the number.

In this lecture, we will complete our maths app by implementing the decrement function

In this lecture, we will see how to use the Redux DevTools and move on to our new application.

In this lecture, we will get introduced to our new full-fledged react-redux app that we will be creating.

In this lecture, we will start by creating our UI with 3 main components. Grocery, ShoppingBag and the Stats.

In this lecture, we will be creating our actions file, reducers file as well as wiring out store to the application, so that we can use the json data to display content dynamically in the next lecture.

In this lecture, we will be using the json file data to display the grocery list dynamically.

In this lecture, we will implement the onClick on the grocery list item. This action, will help us remove the item from the grocery list and add it to the bag.

In this lecture, we will combine the reducers and have them exported by default from our index.js file.

In this lecture, we will add the items from the grocery list to our Shopping Bag.

In this lecture, we will create our new action, update our reducer to handle the action of removing grocery from the shopping bag. This will in turn update the redux js store and that is reflected with the updated Grocery List and Shopping bag items

In this lecture, we will be updating our Shoppers Stop app to implement the Stats component. We will make sure to make the redux store to the Stats component, so that we can use the Shopping items and compute the cost, calories and weight of items added to the shopping bag.

In this lecture, we will be adding some bootstrap components to make our app look pretty!

In this lecture, we will be extending our shopper stop app to include a provision for holding a daily pocket money. Of course the amount will get added/updated in our redux store.

In this lecture, we will complete our implementation of the redux js app. We will wrap up our pocket money implementation as well as the entire app.