arrow_back
Module 1: Getting Started
What is ReactJS? | Introduction to ReactJS
Environment Setup for ReactJS
Directory Structure of React App
Work flow of React App
Module 2: Next Generation ES6 JavaScript (Optional)
What is JavaScript ES6?
ES6 let and conts keywords
ES6 Arrow function in JavaScript
ES6 Arrow function with "this" keyword
ES6 Template Literals
ES6 Array and object destructing
ES6 Import and Export keywords
ES6 Promises
ES6 Rest parameter and Spread operator
ES6 Array Map Method
ES6 Class
Module 3: Understanding the Basic Features & Syntax
Introduction to Components.
Class based and Functional components.
Introduction to JSX.
Understanding Props in React Components.
Understanding State and setState Function
Event handling with methods
Adding CSS to the component.
Module Style for Component.
Module 4: Working with Lists and Conditionals Rendering
Rendering list in React Component
Key Prop & Its Importance
Rendering data conditionally in React Component.
Deleting a data from the state
Module 5: Understanding the basics of form
Handling the form inputs
Working with controlled components.
Registration form along with greeting screen
Module 6: Styling React Components & Elements
Setting the style Dynamically
Adding the class dynamically
Introduction styled-component library.
Media query and hover using styled-component
Using props inside the styled component
Module 7: Using firebase with ReactJS
Setting up the environment for firebase with ReactJS
Setting up the survey project
Handling the name and the answers with state.
Initializing the firebase
Sending the data to the firebase
Setting up the login and register components
Registration of user using firebase
Login of user using firebase
Login with Google using firebase
Module 8: Multi-Page-Feeling in a Single-Page-App: Routing
Converting a template into ReactJS project
Setting up the react-router package
Handling 404 routes
Handling the routes conditionally
Nesting the routes
Module 9: Diving deeper into components
Use state hook to handle state inside functional components
Stateful and stateless component
Component lifecycle overview
Class components mounting lifecycle
Class components updating lifecycle
Class components unmounting lifecycle
Module 10: Handling HTTP requests
Understanding the HTTP/AJAX request
Introduction to AJIOX
Fetching data using GET HTTP request.
Displaying the fetched data in the blog project
POSTing data to the API.
Deleting a data using AXIOS
Default Global configuration for AXIOS
Creating and Using AXIOS Instances
Module 11: The Weather App
Getting started for the Weather App
Converting the template into Components
Handling the lat. and lon. using state.
Getting the data using API
Showing loading while fetching data.
Managing the Recent searches
Re-search the recent searched data
Storing the recent searches in localstoage
Module 12: Redux
Understanding state and its complexity
Introduction to Redux & its work flow
Setting up the reducer and store
Dispatching the actions
Adding subscriptions
Connecting React to Redux
Connecting the Store to React
Dispatching Actions from within the Component