With the release of the React Hooks API, it is now possible to store state in functional components. In this playlist, we'll take an initial look at the `useState` hook as well as a few others. In one of the later lessons, we'll build a custom hook, a tool for easily sharing functionality with more that one component.

With the release of the hotly anticipates hooks api in React, we can now store state in functional components. In this lesson we cover how the `useState` hook works with a very basic example.

Store State in React Functional Components with useState

The useEffect hook in React is used for running side effects. This can be anything from adding event listeners to logging to the console. In this lesson, we use it to track the mouse position.

Run Side Effects with React useEffect

A common struggle with building React apps is having to pass props through a deeply nested component tree. In this lesson you'll learn how to avoid prop drilling using the `useContext` hook.

Avoid Prop Drilling using Context in React

The useRef is a hook for creating values that persist across renders. In this lesson we'll learn how to use the useRef hook to measure the width of an element as it changes.

Create a Persistent Reference to a Value Using React useRef Hook

In this lesson, we'll cover how to create a custom React hook for managing the state of any input. This is one of the most powerful features of react hooks as it allows you to easily share functionality in a reusable way.

Reduce Code Redundancy with Custom React Hooks

Sometimes in a React component we need to derive some values by mapping or filtering props. This is a useful technique but can cause performance issues of you are processing a lot of data, or the component is rendered regularly. In this lesson you'll learn how to avoid this pitfall using the `useMemo` hook. 

An Introduction to React Hooks

Instructor

Course content (6 lessons)

Instructor