Reactjs  tutorial

Reactjs is javascript base single page website or application platform . it's has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app and also on .

React js application make on model view controller base including json file and runining and update on command line mode or terminal 

 

How can install react js

Ract js installation for two types

First => CDN(content delivery network) link

Content delivery network links are two types

1- development- development is specifiy for space have to put on every character in memory like for this.

<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>

<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>

2-production-production is specifiy for nothing space any charactor in memory like for this.

<script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>

<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>

Second => NPM(node package manager) mod.

node package manager is part of Nodejs software corporation before install any javascript framework or libraray in your computer.

This page describes some React toolchains which help with tasks like seen it geven below:

•     Scaling to many files and components.
•     Live-editing CSS and JS in development.
•     Detecting common mistakes early.
•     Optimizing the output for production.
•     Using third-party libraries from npm.

 Recommended Tool chains

•     If you’re learning React or creating a new single-page app, use Create React App.
•     If you’re building a component library or integrating with an existing codebase, try More Flexibl.
•     If you’re building a static content-oriented website, try Gatsby.
•     If you’re building a server-rendered website with Node.js, try Next.js.  

Create React App

Create React App is the best way to start building a new single-page application for frontend development in Reactjs.

Create React App doesn’t handle backend  or databases part it just creates a frontend part.

More Flexible Tool chains

The following toolchains offer more flexibility and choice. We recommend them to more experienced users:

• Parcel- is a fast, zero configuration web application bundler that works with React.
•  Neutrino- combines the power of webpack with the simplicity of presets, and includes a preset for React apps and React components.
•  Razzle -is a server-rendering framework that doesn’t require any configuration, but offers more flexibility than Next.js.
•  Nx- is a toolkit for full-stack monorepo development, with built-in support for React, Next.js, Express, and many more.
  

 

Note => if you want use any javascript frame work before install nodejs becouse nodejs is server is inside layer or part of express.js

 

   Syllabus take here..

1.     Hello World

   

2.     Introducing JSX

   

3.     Rendering Elements

4.     Components and Props

5.     State and Lifecycle

6.     Composition vs Inheritance

7.     Conditional Rendering

8.     Lists and Keys

9.     Forms

10.     Components and Props

11.     Lifting State Up

12.     Handling Events

13.     Accessibility

14.     Integrating with Other Libraries

15.     Code-Splitting

16.     JSX In Depth

17.     Context

18.     Error Boundaries

19.     Fragments

20.     Higher-Order Components

21.     Optimizing Performance

22.     Portals

23.     Profiler

24.     Strict Mode

25.     React Without ES6

26.     React Without JSX

27.     Reconciliation

28.     Render Props

29.     Static Type Checking

30.     Typechecking With PropTypes

31.     Uncontrolled Components

32.     Refs and the DOM

33.     Forwarding Refs

34.     Web Components

    Hooks

1.    Introducing Hooks

2.    Rules of Hooks

3.    Using the State Hook

4.    Hooks API Reference

5.    Using the Effect Hook

6.    Building Your Own Hooks

7.    Hooks at a Glance

8.    Hooks FAQ

 

API referance

1.    React

2.    React.Component

3.    ReactDOMServer

4.    ReactDOM

5.    DOM Elements

6.    Test Utilities

7.    Test Renderer

8.    ReactDOMClient

9.    JS Environment Requirements

10.    SyntheticEvent

11.    Glossary

Testing

1.    Testing Overview

2.    Testing Recipes

3.    Testing Environments

  

Best Reactjs training institute in noida, Reactjs training in noida sect-62, react training in noida, fullstack development training in noida.