What is React?

React is a JavaScript library developed by Facebook for building fast and interactive user interfaces. It's based on reusable components and a declarative approach, making it easier to manage dynamic content.

Key Concepts of React

1. Components — The building blocks of React applications. There are two types of components:
   • Class Components (older style)
   • Functional Components (recommended style)
2. State — State represents the dynamic data in a component. It allows components to maintain and modify their data over time.
3. Props — Props are short for "properties." These are read-only data passed from a parent component to a child component.

A Simple React Example

        
          import React, { useState } from 'react';

          const Counter = () => {
            const [count, setCount] = useState(0);

            const increment = () => setCount(count + 1);

            return (
              

                
Counter: {count}
                Increment
              
            );
          };

          export default Counter;
        
      

This is a simple Counter component that uses React’s useState hook to manage its internal state. Every time the button is clicked, the state (count) increments, and the component re-renders.