Training Trains Internship
Student login
← React.js learning path
React.js · Module 1 of 10

Why React?

React builds user interfaces from small reusable components that update when data changes.

📖 Key ideas

  1. React is a JavaScript library from Meta for building UIs.
  2. You describe what the screen should look like; React updates the DOM for you.
  3. UIs are split into components like Header, Card and Button.
  4. Create a project with Vite: npm create vite@latest my-app.
  5. React runs in the browser; frameworks like Next.js add routing and server rendering.
💡 Real-life example: React components are Lego bricks: build small pieces once and snap them together into a full app.
ComponentReusable piece of UI
ViteFast tool to create and run React projects
DeclarativeDescribe the result, not each DOM step
Virtual DOMIn-memory copy React compares to update efficiently