JSX & Components Basics

Apa itu JSX?

JSX adalah syntax extension untuk JavaScript yang memungkinkan kita menulis UI syntax yang mirip HTML/XML dalam JavaScript code.

const greeting = Hello, World!;

Functional Components

Functional components adalah JavaScript functions yang return JSX elements.

function MyComponent() {
  return Hello;
}

Built-in Components

**View**: Container untuk layout (seperti div)

**Text**: Display text

**ScrollView**: Scrollable container

**Image**: Display images

**TextInput**: Input text dari user

**Button**: Interactive button

Props (Component Properties)

Props adalah cara pass data dari parent ke child component.

function Greeting(props) {
  return Hello, {props.name}!;
}

Conditional Rendering

Render berbagai UI berdasarkan kondisi.

function Status({ isLoggedIn }) {
  return isLoggedIn ? Welcome : Please login;
}

Component Composition

Combine components kecil untuk membuat UI kompleks.