NextJS 101

[hoangquochung1110]

NextJS (and React) is inspired by the following concepts:

• declarative programming: describe what Frontend should look like (instead of telling give instructions on how DOM should be updated). Underlying technology: JSX
• declarative programming is represented as Component. UI is made of multiple smaller components.

[hoangquochung1110]

Components

Components are actually functions that return JSX elements

Components basically have these attributes:

• Props: like arguments that are passed to functions (Components)
• State: (combine with Event Handlers) used to add interactivity

What is the difference between props and state?

Props are read-only information that's passed to components. State is information that can change over time, usually triggered by user interaction.

[hoangquochung1110]

Principles

• Make everything a server component by default, and only use client components when needed.