Online Training-Online Mode-Online
React JS
React JS Course
Description
This course provides a full introduction to React.js, a popular JavaScript library for building user interfaces. Participants will learn the fundamentals of React.js, including component-based development, state management, and the virtual DOM. Through practical projects and hands-on exercises, students will gain proficiency in creating interactive and responsive web applications. By the end of the course, participants will be equipped with the skills to develop modern and dynamic user interfaces using React.js, enabling them to pursue exciting opportunities in front-end web development.
What You will Learn?
- Front-end
Topics for this course
Total learning: 49 Topics
• 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?
• 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
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.
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.
Introducing Lifecycle methods.
Why use Lifecycle methods
React Hooks – An Introduction, Why React Hooks
• Introducing the first Hook: useState Hook and Second Hook: useEffect Hook
Data Fetching with hooks/replacing the class lifecycle methods
Fetching data on component mount with useEffect
Using the useRef Hook
Displaying loading state with useState
Error Handling and displaying errors with useState
Opportunities after this course completion
