• Post category:StudyBullet-2
  • Reading time:6 mins read

React JS Hooks, React JS Redux, Webpack, Babel, DropShipping ReactJS

What you will learn

History of web development

Why do we need React js

Future of React js

Basic Introduction to react js

Avance React Concepts

Webpack

Updated React Concepts

React Hooks

Deployment of React Project

Internationalization

Accessibility

Description

Course goals:

Introduction to the ReactJS JavaScript library for JS developers, starting from the very basics such as React components and JSX, props, state, and more. Later on, we will cover more advanced concepts such as Component composition, passing data between components, styling, unit testing, and more useful utilities.

ReactJS is an open-source, component-based front-end library responsible only for the view layer of the application. It is maintained by Facebook.

React allows us to write components using a domain-specific language called JSX. JSX allows us to write our components using HTML, whilst mixing in JavaScript events. React will internally convert this into a virtual DOM, and will ultimately output our HTML for us.

A React application is made up of multiple components, each responsible for outputting a small, reusable piece of HTML. Components can be nested within other components to allow complex applications to be built out of simple building blocks. A component may also maintain an internal state – for example, a TabList component may store a variable corresponding to the currently open tab.

React “reacts” to state changes in your components quickly and automatically to rerender the components in the HTML DOM by utilizing the virtual DOM. The virtual DOM is an in-memory representation of an actual DOM. By doing most of the processing inside the virtual DOM rather than directly in the browser’s DOM, React can act quickly and only add, update, and remove components that have changed since the last render cycle occurred.


Get Instant Notification of New Courses on our Telegram channel.


Course Methodology:

  1. Introduction.
  2. React API Explanation.
  3. React First Application.
  4. Create DropSipping Website.
  5. Optimize Application.
  6. Deploy Application

English

Language

Content

Introduction

HISTORY OF WEB TECHNOLOGY

WHAT IS REACT ?

WHAT IS VIRTUAL DOM ?

WHY REACT JS ?

CREATE FIRST REACT JS APPLICATION

WHAT IS WEBPACK AND WHY SHOULD WE USE IT ?

SETUP WEBPACK WITH REACT JS

SETUP WEBPACK DEV SERVER

WHAT IS JSX ?, WHY JSX ?

SETUP JSX USING BABEL

CRATE CUSTUM FUNCTIONAL COMPONENT

CREATE CLASS COMPONENT

NESTING OF CLASS COMPONENT