Lukonde Mwila

Learning React Hooks can be a little bit intimidating because it involves a different way of working with components than what most React developers may be used to.

Learning React Hooks can be a little bit intimidating because it involves a different way of working with components than what most React developers may be used to. Features that were previously exclusive to class based components can now be utilised with function components. With Hooks, function components can be used to manage state, make use of a component’s lifecycle events, as well as connect to the context of React apps.

In this presentation, I will give a walk through of some of the React Hooks such as:

- Use State Hook (useState)
- Use Custom Hook (use…)
- Use Context Hook (useContext)
- Use Effect Hook (useEffect)
- Use Ref Hook (useRef)
- Use Reducer Hook (useReducer)

We'll explore the rules around React Hooks and what each of the above has to offer by building a basic to do app with user authentication so we can see these features in a real world example.