Web Development · Advanced · ~8 hours

React Hooks

What you will be able to do

You manage state and side effects in React with hooks like useState, useEffect and useRef, and can write a simple custom hook.

Learn these first

• React

  You can build interactive interfaces from reusable React components with props and state.

Roadmaps that teach React Hooks

• Frontend Developer roadmap — 16 weeks at about 2 hours a day

  Goal of this roadmap: Build modern, responsive websites and web apps with HTML, CSS, JavaScript and React.

• Full-Stack Developer roadmap — 24 weeks at about 2 hours a day

  Goal of this roadmap: Build complete web applications — frontend, backend APIs, databases and deployment.

What you can learn next

React Hooks is a prerequisite for this skill — learning it unlocks it in your roadmap:

• State Management

  You can organise shared application state predictably — with context or a store — instead of passing props through every component.

Related skills in Web Development

• HTML

  You can build the structure of a web page using headings, text, links, images, lists and forms.

• Semantic HTML

  You use meaningful HTML elements (header, main, article, nav) so pages are clearer for browsers, search engines and screen readers.

• CSS

  You can style web pages with colours, fonts, spacing and backgrounds to match a design.

• CSS Flexbox

  You can lay out rows and columns of items with Flexbox, aligning and spacing them without guesswork.

• CSS Grid

  You can build two-dimensional page layouts with CSS Grid, placing content into precise rows and columns.

• CSS Animations & Transitions

  You can add smooth transitions and simple animations that make interfaces feel polished without distracting users.

React Hooks — common questions