Lewati ke konten utama
menjadi.dev
Ekosistem Modern Lanjutan Frontend 18 chapter

Frontend Modern

React, Vite, Tailwind CSS, shadcn/ui, dan Radix UI

Deep-dive ke ekosistem frontend modern untuk yang sudah menguasai dasar React (Modul 9): React hooks dan patterns lanjutan, Vite untuk build tooling super cepat, Tailwind CSS untuk utility-first styling, shadcn/ui untuk komponen UI yang customizable, dan Radix UI untuk accessible primitives.

Prasyarat

Modul 9 (React & Next.js Dasar), Modul 3 (JavaScript), dan Modul 18 (TypeScript).

Kenapa Ini Penting

Stack ini (React + Vite + Tailwind + shadcn/ui) adalah kombinasi paling produktif untuk frontend development di 2025. Modul ini memperdalam semua konsep yang dikenalkan di Modul 9 dengan studi kasus nyata.

Daftar Chapter

  1. Chapter 16.1

    React Fundamentals

    Component, Props, dan State
  2. Chapter 16.10

    State Management: Context API

    React built-in state sharing
  3. Chapter 16.11

    State Management: Zustand

    Lightweight state management
  4. Chapter 16.12

    Form Handling dengan React Hook Form

    Form management yang performant
  5. Chapter 16.13

    React Router: Navigasi

    Client-side routing
  6. Chapter 16.14

    Error Boundaries & Suspense

    Graceful error handling dan lazy loading
  7. Chapter 16.15

    Testing React Components

    Unit test dan integration test
  8. Chapter 16.16

    Performance Optimization

    React.memo, useMemo, useCallback, lazy
  9. Chapter 16.17

    TypeScript dengan React

    Type safety untuk component dan hooks
  10. Chapter 16.18

    Deploy React App

    Build dan deploy ke production
  11. Chapter 16.2

    React Hooks

    useEffect, useRef, dan Custom Hooks
  12. Chapter 16.3

    Vite: Build Tool Super Cepat

    Gantikan Create React App dengan Vite
  13. Chapter 16.4

    Tailwind CSS Fundamentals

    Utility-first CSS framework
  14. Chapter 16.5

    Tailwind Customization & Design System

    Config, tema, dan plugin
  15. Chapter 16.6

    shadcn/ui: Komponen yang Customizable

    Copy-paste components, bukan install library
  16. Chapter 16.7

    Radix UI Primitives

    Accessible UI components tanpa styling
  17. Chapter 16.8

    React Patterns: Compound Components

    Pattern untuk komponen yang saling terkait
  18. Chapter 16.9

    React Patterns: Render Props & HOC

    Pattern untuk code reuse