Lewati ke konten utama
menjadi.dev
Spesialisasi — Frontend Spesialisasi Frontend 6 chapter

React & Next.js Dasar

Pengenalan React, Next.js, dan Tools Frontend Modern

Pengenalan ringkas ekosistem React: component, hooks, Next.js App Router, TypeScript dasar, state management, Tailwind CSS, dan tools development. Modul ini adalah pintu masuk sebelum mendalami Frontend Modern (Modul 16) yang membahas React secara lebih mendalam.

Prasyarat

Modul 2, 3, dan 6 (browser, JavaScript, arsitektur).

Kenapa Ini Penting

React adalah library UI paling populer di dunia. Modul ini memberi fondasi singkat untuk memahami pola component, routing, styling, dan tooling sebelum masuk ke deep-dive Frontend Modern di Modul 16.

Daftar Chapter

  1. Chapter 9.1

    React: Component-Based UI

    Konsep component, props, state, dan hooks
  2. Chapter 9.2

    Next.js: React dengan Superpower

    App Router, Server Components, rendering, dan route handlers
  3. Chapter 9.3

    TypeScript: Tipe Data untuk JavaScript

    Type safety, interface, generic, dan integrasi dengan React
  4. Chapter 9.4

    State Management Modern: Zustand & Jotai

    Alternatif lightweight untuk Redux
  5. Chapter 9.5

    Styling Modern: Tailwind dan CSS-in-JS

    Utility-first CSS, styled-components, dan emotion
  6. Chapter 9.6

    Ekosistem Front-End: Bundler, Linter, Formatter

    Vite, ESLint, Prettier, dan tools development