Introduction
  • Welcome
  • How to make the most of Udemy as a Platform!
  • Course Content
  • About the Instructor!
Understanding React JS - Optional section for my React JS students!
  • Your first React JS Application
  • Extending your first React JS Application
  • Overview and Installation
  • Installation - Sublime Text, Node.js and Npm
  • Installing React JS and Setting up the workspace
  • Understanding JSX
  • Components - State and Stateless
  • Rendering
  • Understanding Props
  • Prop Validations
  • Components API
  • Components Life Cycle
  • Forms in React - Part 1
  • Forms in React - Part 2
  • Forms in React - Part 3
Pure React JS App - Resume (Optional for React JS Students)
  • Overview - Ofcourse, there has to be an overview for the app!
  • Let's Reactify our Orbit Theme
  • How about fetching the data from a JSON file?
  • Break Things Down - To create components!
  • Add more components - Let's make it dynamic
  • Wrapping up - Deploying
Simple Mathematical App
  • Introduction to the app
  • Create a New React JS application
  • Understanding your Created React JS Application
  • Install Packages and Redux DevTools
  • Redux DevTools Plugin Explanation
  • Creating the Number Component using React JS
  • Understanding the basics on 'How this whole Redux thing works?'
  • Understanding the imports from 'redux' and 'react-redux' packages
  • Writing our 'actions' and 'reducers'
  • Now it's time to Create our 'store'
  • Completing our Increment Logic
  • Adding the Decrement UI, Action and Reducer
  • Completing the Decrement Action and wiring it up to our UI
  • Wrap-up and seeing the Redux DevTools in action!
Intermediate 'Shoppers Stop' React-Redux App
  • Introduction to the 'Shoppers Stop' App
  • Creating our new React app and Project setup!
  • Creating the UI for our application starting with the 3 main components
  • Now let's create our Actions, reducers and the store for our application
  • Static content is so old school, let's make the grocery list dynamic
  • Add Grocery to Bag - Let's implement the clicks on our Grocery List!
  • Organize the Reducers file using combineReducers
  • Add the items to the Shopping bag
  • Remove the Grocery item from the shopping bag and put it back to Grocery List
  • Let's implement the Statistics. After all, we believe in a balanced diet.
  • Make the UI look pretty, it's an e-commerce site!
  • Implement Pocket Money - Part 1
  • Wrapping up and completing our Pocket Money implementation
Expert Level - 'Movies App' - Using React-Redux js
  • Introduction of our 'Movies App' - Okay, I am excited!
  • React-Redux JS workspace setup - Let's get started!
  • Step 1 for any react-redux app - Let us get the UI in place!
  • Adding the search component - Yes, the search form!
  • Integrating with third-party api to fetch list of movies for a search criteria
  • *Drum Rolls* Let us add Redux Store to our app!
  • Adding new component to display individual Movies
  • Add some hearts - Implementing the Favorite button
  • Time to get our Favorites created - In our Redux store!
  • Adding Movie to our Favorite List
  • Displaying favorite movie from the list
  • Removing a movie from the Favorite list
  • Adding Routing to our React - Redux app
  • Wrapping up - Thank you, your movie App is ready!