2. React is a JavaScript library for building User Interfaces.
It was created by Jordan Walke, a software engineer at Facebook, in
2011.
Officially open-sourced by Meta (formerly Facebook) in 2013.
It is used for creating reusable UI components.
Based on a component-based architecture
INTRODUCTION TO REACT
3. HOW DOES REACT WORK?
React operates by creating an in-memory Virtual DOM rather than directly
manipulating the browser’s DOM
It performs necessary manipulations within this virtual representation before applying
changes to the actual browser DOM.
4. React uses a Virtual DOM to optimize UI rendering. Instead of updating the entire real DOM directly.
React follows a component-based approach, where the UI is broken down into reusable components. These
components can be functional or class-based and these components manage data using props (for passing data)
and state (for internal dynamic data).
React uses JSX (JavaScript XML) a syntax extension that allows developers to write HTML inside JavaScript.
React uses One-Way Data Binding, meaning data flows in a single direction from parent components to child
components via props.
React Hooks allow functional components to use state and lifecycle features without needing class components.
React provides React Router for managing navigation in single-page applications (SPAs). It enables dynamic
routing without requiring full-page reloads.
FEATURES OF REACT
5. ADVANTAGES:
Component-based architecture (reusable code)
Virtual DOM for better performance
SEO-friendly with server-side rendering
Strong community support and ecosystem
Cross-platform development with React Native
DISADVANTAGES:
Fast-paced updates make it hard to keep up
Requires additional libraries for state management (Redux, Context API)
JSX syntax may be complex for beginners
Documentation can sometimes be inconsistent
6. REACT ENVIRONMENT SETUP
1. Install Node.js
Verify installation: node --version
2. Create React App
Run this Command in the Terminal:
npx create-react-app <<name>>
cd <<name>>
npm start
7. REACT.JS VS OTHER FRAMEWORKS
Feature React.js Angular Vue.js
Architecture Component-Based MVC Component-Based
Language JavaScript, JSX TypeScript JavaScript
Learning Curve Moderate Steep Easy
Performance High (Virtual DOM) Moderate High
9. React.js is widely used in modern web development.
It provides a powerful and flexible way to build user interfaces.
Understanding components, state, and hooks is essential for React development.
Fundamental knowledge of HTML, CSS, and JavaScript is important before learning
React.js.
Learn Once, Write
CONCLUSION
