React · Theory

Getting Started with React

Theory

92/94

Getting Started with React

Getting started: Node, Vite React template, open App.jsx, return <h1>Hello React</h1>, npm run dev. If the browser shows Hello React, tooling works. Then make Hello({ name }) and pass a name. That is week one. Don’t install Redux, Tailwind, and ten UI kits on day one.

Getting Started with React — on screen — Hello React. If this shows, install + entry file are fine.

Diagram

index.html  #root
      │ createRoot
      ▼
     App
      │
      ▼
    children

Exam tip

Hello React on screen, then one prop.

Example

// Getting started
export default function App() {
  return <h1>Hello React</h1>;
}

Getting Started with React — on screen: Hello React. If this shows, install + entry file are fine.

Short notes

Vite + Hello heading.
Then a prop.
Trapinstalling the whole ecosystem day one.

React · Theory

Getting Started with React

← All stacks

Theory

92/94

Getting Started with React

Getting Started with React — on screen — Hello React. If this shows, install + entry file are fine.

Diagram

index.html  #root
      │ createRoot
      ▼
     App
      │
      ▼
    children

Exam tip

Hello React on screen, then one prop.

Example

// Getting started
export default function App() {
  return <h1>Hello React</h1>;
}

Getting Started with React — on screen: Hello React. If this shows, install + entry file are fine.

Short notes

Vite + Hello heading.
Then a prop.
Trapinstalling the whole ecosystem day one.

Getting Started with React

Example

Short notes

Questions

Getting Started with React

Example

Short notes

Questions