Welcome

Learn to code from my web tutorials

Introduction to react tutorial

This instructional exercise will help JavaScript developers who look forward to manage ReactJS for beginners. We will attempt to present each idea by demonstrating basic code models that can be effectively comprehended. In the wake of completing every one of the sections, you will feel sure working with ReactJS. As a little something extra we will present extra components that function admirably with ReactJS to assist you with learning the prescribed procedures and pursue the cutting edge JavaScript patterns.

Tutorials

Setup - how to setup the environment for react app development
JSX Elements - how to setup the environment for react app development
Components - about the independent and reusable bits of code which helps to render jsx elements.
State and Props - arguments passed into React components via HTML attributes.
Lifecycle - Featuring the different phases that a component would undergo to produce an output.
Routing - keeps your UI in sync with the URL.
Error Boundary - React components that catch JavaScript errors anywhere and display a message instead of the crashed component..
Axios - A module to to perform API calls and fetch data from any 3rd party storage points.
Context - passing props several React components down. Fsrom a parent component to a deeply nested child component..
Passing Ref - a function provided by React to access the DOM element and the React element that you created.
Higher order components - to inject the functionality into components without needing to duplicate the logic.
Pure Components - to provide optimizations for projects built using React .

How to's (bonus content)

Bootstrap in your react application - Installing and using Bootstrap in your React application.