---
# System prepended metadata

title: React Foundation

---

# React Foundation

1. Imagine "Re-rendering", tiap function dire-render tiap kali perubahan state
2. JSX hanyalah function `React.createElement`, bisa diperlakukan layaknya variabel (juga berlaku untuk function, dsb.)
3. Apa yang bisa diinput ke templating React`{}` `===` apa yang bisa diinput ke variable (`const halo = ....`)
4. Ini kunci sisanya (in order):
- Paham `useState` dan `useEffect` secara benar
- Lifting State Up
- List rendering


# Memo

- `memo` -> Component
- `useMemo` -> Data type selain function dan component
- `useCallback` -> Function (berhubungan dengan referensi di memori Javascript)

- Simpan value untuk dipakai di render selanjutnya
- Kita bisa kasih tau react kapan kita ingin melupakan value masing-masing