Topics for this course

Total learning: 49 Topics   Chapters: 7

introduction of React js

Introduction to Basic building blocks of Web Application Development. HTML-CSS-JS

·         SPAs and React Web Apps.

·         ReactJS Overview.

·         Single Page Apps VS Multi-Page Applications.

·         What is a DOM?

·         Installing ReactJS and writing our first Hello World code.

·         The Folder Structure of React Application.

·         Basic Building Blocks of React JS – (components, state, props, jsx)

·         What are the components? Understanding the component basics and different types of components.

·         What are the functional components and container components?

·         Creating your first class-based component and functional component.

·         What are props and a simple understanding of props?

 UI and Components Styling in React

·        Styling React components. The different ways of styling the react components.

·         Inline styles and external styles to the components.

·         Using styled-components.

·         Creating a navigation-bar in reactJS.

·         Introduction to React Router.

·         Creating Routes to our Navigation Bar.

·         Handling Events

React Architecture

·         Components configuration with state, props.

·         Manipulating the state with setState () method

·         Adding two-way binding.

·         Making API REQUESTS with React.

·         Building Lists from data

·         Handling User Input with forms and events.

·         Controlled Elements versus uncontrolled elements.

·         Handling forms submitted

·         Handling user Input of dynamic forms

·         Handling form submission (MAKING API CALL)

·         Handling overall form validity

 Redux and advance Concepts

·         Fetching data – Axios vs Fetch.

·         Using Refs for DOM Access.

·         Redux, and the complexity of managing state.

·         Understanding the Redux flow.

·         Adding Subscriptions. (count)

·         Connecting the store to react.

·         Updating the State and the Array Immutable.

·         Combining multiple Reducers.

·         The Context System with React.

·         Higher-Order Components in React.

 Hooks

·         Introducing Lifecycle methods.

·         Why use Lifecycle methods

·         React Hooks – An Introduction, Why React Hooks

·         Introducing the first Hook: use State Hook and Second Hook: use Effect Hook

·         Data Fetching with hooks/replacing the class lifecycle methods

·         Fetching data on component mount with use Effect

·         Using the useRef Hook

·         Displaying loading state with use State

·         Error Handling and displaying errors with use State

 Working with Forms

Project