Key terms and common mistakes
The words you will hear in Frontend Development work and the mistakes that most often cost interns approvals.
Key terms
| Term | Meaning |
|---|---|
| Component | Reusable piece of UI |
| JSX | HTML-like syntax in JavaScript |
| Props | Inputs passed from parent to child |
useState | Hook that adds state |
onClick | Runs on a click |
map() | Turns an array into elements |
useEffect | Hook for side effects |
useRef | Mutable value or DOM handle |
Common mistakes to avoid
- Building only for desktop and checking mobile last.
- Using divs for buttons and links, which breaks keyboard and screen reader use.
- Loading huge images that slow the page.
- Copying components without understanding their props and state.
Want to go deeper? The free React.js learning path has short modules, games and a certificate for each module.