https://github.com/punitkatiyar/react-master-guide
A JavaScript library for building user interfaces 🏆 it is declarative .React is a JavaScript library for building user interfaces
https://github.com/punitkatiyar/react-master-guide
create-react-app react react-hooks react-redux react-router react-router-dom reactjs
Last synced: 23 days ago
JSON representation
A JavaScript library for building user interfaces 🏆 it is declarative .React is a JavaScript library for building user interfaces
- Host: GitHub
- URL: https://github.com/punitkatiyar/react-master-guide
- Owner: punitkatiyar
- License: mit
- Created: 2021-12-17T13:38:23.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-31T12:25:25.000Z (about 1 month ago)
- Last Synced: 2025-03-31T13:29:01.838Z (about 1 month ago)
- Topics: create-react-app, react, react-hooks, react-redux, react-router, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://punitkatiyar.github.io/react-master-guide/
- Size: 646 KB
- Stars: 53
- Watchers: 3
- Forks: 34
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Master Guide
## What Is React ?
**A JavaScript library for building user interfaces 🏆 it is declarative**
- **Virtual DOM:** React uses a virtual representation of the DOM, which is more efficient than directly manipulating the actual DOM.
- **State management:** React provides a way to manage state with in components, which makes it easier to build complex UIs.
- **JSX:** React uses a syntax extension called JSX, which allows you to write HTML-like code within your JavaScript files.
## Setup React App On Local Machine
> Install Node First https://nodejs.org/en/
## Basic of node and npm
- node : javascript runtime enviroment
- npm : node package manager
## node and npm command list and version
- node -v
- npm -v
- npm install -g npm@latest
## setup react app using vite (Next Generation Frontend Tooling)
```
npm create vite@latest : create template
cd tech-unit
npm install // install react package
npm run dev // to run the code
```
## JSX
**JSX (JavaScript XML) is a syntax extension used in React to describe the structure of user interface components in a more concise and intuitive way. It allows you to write HTML-like code directly in your JavaScript files, which is then transformed into JavaScript objects by the transpiler (such as Babel) before it's run by the browser.**
```
const element = React.createElement(
'h1',
{ className: 'greeting' },
'Hello, world!'
);
```
**You can write the same thing using JSX like this:**
```
const element =
Hello, world!
;
```