Rules of Hooks – Yan Zettelkasten

⚡ Yan Fernandes

ZettelkastenZettelkasten ArticlesArticles BlogBlog Contact ↗Contact ↗ (opens in a new tab)

Zettelkasten Index
Road Map
React Meta Course
- Context in React
  How re-rendering works with context
  What you know about props and state
  Whats is context and why it's used
  Exercise
  My Solution (Context)
  Solution Based
  React Forms
  Additional Content
  Controlled Components Vs. Uncontrolled Components
  Creating a Controled Form Component
  Creating a Form Component
  What Are Controlled Components
  Exercise Create a Registration Form
  My Solution (Forms)
  Rendering Lists in React
  Additional Content List
  Diference between Key and Id
  Render a Simple List Component
  Transforming Lists in JavaScript
  Using Keys within List Components
  What Are Keys In
  Exercise Create a Basic List Component
  Tamplate Solution
- Basic React Hooks
  Additional Resources
  Revising Usestate Hook
  Using the Useeffect Hook
  Using the Usestate Hooks
  What Are Side Effects
  What Is the Useeffect Hook
  Working with Complex Data in Usestate
  Exercise
  Solution
  Rules of React Hooks
  Data Fetching Using Hooks
  Fetching Data Putting It All Together
  Fetching Data with Hooks
  What Are the Rules of Hooks
  What You Need to Know before Fetching Data
  Advanced React Hooks
Interviews
- 35 React Question Interviews
- Soft Skills
Buy Wisely
- Math Anotation and Contents form Noghartt
Learn Rust Web3Devs
- Learn Rust with Web3 Devs - Section0 - Lesson 1
- Lesson 1
  Lesson 2
  Lesson 3
  Review Options
  Lesson 4
  Review Blockchain
  Lesson 5
Understanding Algorithms
- Chapter01
React Hooks
MLOps UFBA
Cool Sites to Use
Front End Debug 101
How to Build a Profitable Personal Brand (In Just 30 Days)

On This Page

What are the rules of hooks
What you need to know before fetching data
Fetching Data with Hooks

Question? Give us feedback → (opens in a new tab)Edit this page

Zettelkasten

React Meta Course

week02

Rules of React Hooks

#topic

What are the rules of hooks

Don't use hooks in regular JavaScript functions, only within React component functions.
You can call them within built-in hooks like useEffect or custom hooks.

What you need to know before fetching data

Fetching Data with Hooks

Solution Data Fetching Using Hooks

CC-BY-4.0 license 2024 © Yan Fernandes.

X GitHub Linkedin