React JS Hooks, React JS Redux, Webpack, Babel, DropShipping ReactJS
☑ 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
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.
Course Methodology:
- Introduction.
- React API Explanation.
- React First Application.
- Create DropSipping Website.
- Optimize Application.
- Deploy Application
English
Language
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