Component-based libraries build complex user interfaces.
React, Vue, Angular and Svelte compose UIs from components with state and declarative rendering (virtual DOM or compiled updates). Concepts: props, state management, routing, hooks/lifecycle, SSR/hydration. They speed development of complex apps but add tooling and bundle size.
A React component re-renders when its state changes.
Front-end frameworks help build large interfaces from reusable components, which keeps complex applications manageable.
Component-based libraries build complex user interfaces.
Front-end frameworks help build large interfaces from reusable components, which keeps complex applications manageable.
A reusable piece of interface with its own structure and behaviour, which can be combined to build larger screens.
It provides structure, state management and tools that reduce repetitive code, though it adds learning and maintenance cost.
Typical applications include building a dashboard with reusable chart and table components, managing the state of a form with many fields and creating a single-page app that updates without reloading the page.
Study "Web development" first (topic 89 of 104 in Software & Computing). It covers the groundwork this topic builds on.
Component trees. Unidirectional data flow. TypeScript.
A React component re-renders when its state changes.
The next topic is "Back-end development", which builds directly on this one.
It is classed as Advanced in Software & Computing (topic 90 of 104). It is an advanced topic. It assumes you are comfortable with the intermediate topics in Software & Computing.
Want to practise? Open the interactive course for quick checks, quizzes, simulations and progress tracking.