LearnuseEffect By Example

Get confident with using useEffect in an afternoon.

With 8 concise chapters, and code examples.

useEffect by Example cover

IntroducinguseEffect By Example

You're afraid that adding dependencies to useEffect's dependency array will result in chaos: stale data being displayed by your components, or worse: infinite re-renders. You even wonder if you should leave the code as it is. Telling the product manager that the feature can't be updated isn't as bad as dealing with unwanted effects, is it?

You know that it's possible to write bug-free useEffect code, you just don't think YOU can do it.

But what if you could? What if your useEffects ran predictably? What if you knew exactly what the dependency array was for? You could use useEffect with confidence that it does what you expect it to. Imagine!

It's true, using useEffect can be confusing, and easily results in infinite re-renders... but it doesn't have to.

Get the hang of using useEffect like a pro, with useEffect By Example.

You'll learn how to use useEffect to fetch data, and avoid pesky race conditions. Take the guesswork out of using the dependency array, and prevent infinite re-renders through the use of useCallback and useMemo, while also keeping ESLint happy.

Just block out an afternoon, buy a copy of useEffect By Example, and you'll be using useEffect with the confidence that it does exactly what you expect in no time.

About the author

Hey, I'm Max Rozen

I've been building React apps both professionally and for side-projects since 2016. I've worked on all sorts of React apps, from small apps with a single page, up to enterprise scale web apps with tens of thousands of users per day.

I've been using Hooks since they came out, and I've been writing articles on how to use them for a while now.

Max Rozen

Chapters

  • Foreword
  • Changelog
  • Requirements
  • Code Examples
  • Understanding useEffect
    • Introducing side-effects, and the point of useEffect
  • Fetching Data
    • Fetching data from an API with useEffect
  • Introducing the dependency array
    • Using props to control what we're fetching
  • Preventing Race Conditions with useEffect
    • No more stale data - Ensure your UI always shows the correct values
  • useCallback for useEffect
    • Finally figure out how to stop infinite loops when using useEffect
  • useMemo for useEffect
    • Finally figure out what useMemo is for
  • useState and useEffect
    • Learn how useState can be used safely with useEffect without causing infinite loops
  • The ESLint Plugin
    • Armed with the lessons in this book, you can finally listen to what the eslint-plugin says
  • Final Thoughts

Note: As I receive feedback from readers, I may update the book from time to time. The scope of the changes will be described in the Changelog, and you will be notified of any updates.

Frequently asked questions

Isn't an afternoon a bit short? I could get a 300 hour React course elsewhere!

You could definitely buy longer books about all of React, or a 300 hour video course - but you don't have time for that.


I've intentionally kept this book concise - all thriller, no filler. The idea is that you will become confident with useEffect in a single afternoon.

Can I share this book with my team?
This version is for individual use only, but you can also get a team license to share within your team, class, or organisation.
What if I hate it?
Oh no! I'll give you a refund, just email me at max@maxrozen.com.
I have another question!
No worries, email me at max@maxrozen.com, and I'll get back to you.

Testimonials

Some kind words from readers:

Get the book

useEffect By Example

What's included

  • eBook in PDF format (light & dark mode)

  • Full code examples (on CodeSandbox and GitHub)

  • 47 pages of content

  • Access to all future updates

Pay once, own it forever

$19USD

Looking to buy 5+ copies to share with your team?
Multi-book discounts are also available!