Join egghead, unlock knowledge.

Want more egghead?

This lesson is for members. Join us? Get access to all 3,000+ tutorials + a community with expert developers around the world.

Unlock This Lesson
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    Use React Hooks Correctly by Following The Two Rules of Hooks

    Chris AchardChris Achard

    There are two important rules to follow when writing React functional components with hooks.

    1. Use the hooks at the top level of your functions, without wrapping them in if statements, loops, or other types of control logic.

    2. Only call hooks from React functions or custom hooks that start with the word use - so that you and other developers know that those functions are hooks, and can use them appropriately.

    In this lesson, we'll show examples of what to do and NOT do with hooks, by adding on to a simple React app that uses a custom hook.



    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson