React

React adalah library JavaScript yang dikembangkan Facebook (Meta) untuk membangun user interface berbasis component. React menggunakan Virtual DOM untuk update efisien, JSX untuk declarative UI, dan unidirectional data flow (data mengalir dari parent ke child via props). Konsep kunci React: Components (blok UI reusable), State (data yang bisa berubah dan trigger re-render), Props (data dari parent ke child), Hooks (useState, useEffect, useContext — menambah state dan lifecycle ke functional components), dan Context API (state sharing tanpa prop drilling). React ecosystem mencakup: React Router (routing), Redux/Zustand (state management), Next.js (framework full-stack), dan React Query (server state management).

Contoh Kode

// React Component dengan Hooks
import { useState, useEffect } from 'react';

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

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

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(c => c + 1)}>
        Tambah
      </button>
    </div>
  );
}