All courses
· intermediate

React and Next.js

Building interfaces that describe what should be on screen rather than how to change it. State and re-rendering, the rules hooks actually have, and where Next.js runs your code.

Pathaxis · Original content

Written in house, from the work rather than from a syllabus. Every example is one we would use ourselves, and every quiz question explains why its answer is right.

84 min 6 lessons 15 quiz questionsStart course

What you’ll learn

  • Explain what a re-render is and what triggers one
  • Keep state where it belongs, and derive rather than duplicate it
  • Apply the rules of hooks and say why they exist
  • Recognise when an effect is the wrong tool
  • Choose list keys that preserve identity
  • Say whether a component runs on the server or the client, and what follows

Before you start

  • · JavaScript Fundamentals, and ideally TypeScript
  • · Frontend Foundations, or equivalent

Syllabus

01

Rendering

Declarative UI, state and re-renders.