Back to Home

React Concepts

A JavaScript library for building user interfaces with reusable components and a virtual DOM for efficient rendering

Component-Based
•
Virtual DOM
•
React Hooks
•
Unidirectional Data Flow

React Component Example

import { useState, useEffect } from 'react';

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

  useEffect(() => {
    document.title = `Count: ${count}`;
  }, [count]);

  return (
    <div className="counter">
      <h1>Count: {count}</h1>
      <button onClick={() => setCount(c => c + 1)}>
        Increment
      </button>
    </div>
  );
};

export default Counter;