REACT JS

Course Detail
hop-react.jpeg-lahore

REACT.JS

Course Outline

    • What is React?
    • Why Should I Learn React?
    • Setting up your Environment
    • Install Guide Visual Studio Code
    • Install Guide Node.js and Yarn
    • Introduction of Hello React
    • Setting up a Web Server
    • Setting up Babel
    • Exploring JSX
    • JSX Expressions
    • Conditional Rendering in JSX
    • Const and let
    • Arrow Functions
    • Events and Attributes
    • Manual Data Binding
    • Forms and Inputs
    • Arrays in JSX
    • React Components
    • Nesting Components
    • Component Props
    • Events and Methods
    • Method Binding
    • What is Component State?
    • Adding State to Counter
    • Indecision State
    • Stateless Functional Components
    • React Dev Tools
    • Removing Individual Options
    • Lifecycle Methods
    • Saving and Loading Options Data
    • Saving and Loading the Count
    • Webpack
    • Installing and Configuring Webpack
    • Using a Third-Party Components
    • Styling React
    • React-Router
    • Introduction of Redux
    • Setting up Redux
    • Dispatching Actions
    • Subscribing and Dynamic Actions
    • Object Destructuring
    • Array Destructuring
    • Refactoring and Organizing
    • Reducers
    • Working with multiple Reducers
    • Spreading Objects
    • Filtering Redux Data
    • Sorting Redux Data
    • React with Redux
    • Testing your Application
    • Deploying Your App
    • Firebase 101
    • Writing to the Database
    • ES6 Promises
    • Promises with Firebase
    • Removing Data from Firebase
    • Updating Data
    • Fetching Data
    • Array Data
    • Firebase with Redux
    • Firebase Authentication
    • Login Page and Google Authentication
    • Logging Out
    • Redirecting Login or Logout
    • The Auth Reducer
    • Private Only Routes
    • Public Only Routes
    • Private Firebase Data
    • Data Validation and Deployment
    • Styling Budget App
    • Styling Login Page
    • Styling Buttons
    • Styling Summary Area
    • Styling List Filters
    • Styling Inputs, List, Form
    • Adding Loader
    • Babel Polyfill
    • Hooks, Context, Fragments, and more
    • The useState Hook
    • useState vs. setState
    • Complex State with useState
    • The useEffect Hook
    • useEffect Dependencies
    • Cleaning up Effects
    • The useReducer Hook
    • Fragments
    • Creating Custom Hooks
    • Finalizing App

Day & Timing

  • Duration 2 Months , 3 Days a Week
    2 Hrs Daily

Fee

  • Rs. 7500