React

Javascript

Install

• Docs

npx create-react-router@latest

JSX

• React Docs
• Curly Braces

Hooks

• Documentation

• useState: share and update variables

• useContext: receive Information without props

• useRef: hold information without rendering

• useEffect: synchronize with external system

• useSyncExternalStore: subscribe to an external store

• useMemo: cache result of calculation

• Custom Hooks

CSS in React

CSS Modules

import styles from "./button.module.css";

export function Button() {
  return <button className={styles.Button}>A</button>;
}

• Vite and scoped Styles

Frameworks

• Styled Components
• Emotion