DEV Community

Cover image for Jotai Tips
Daishi Kato
Daishi Kato

Posted on • Originally published at blog.axlight.com

Jotai Tips

Learn Jotai with handy tips!

Introduction

I've been sharing tips about Jotai on Twitter, calling them "Jotai tips." As tweets tend to get lost over time, I thought it would be good to have all these tips in one place.

So, here we go.

Tip 1: Primitive-like atoms

Tip 2: Early return

Tip 3: Promise value

Tip 4: Store API

Tip 5: useAtom

Tip 6: Derived-like atoms

Tip 7: Atom depending on props

Tip 8: Atom with local storage

Tip 9: Swap atom

Tip 10: Write chain

Tip 11: Promise.all in async atoms

Tip 12: Toggle atom

Tip 13: Two args

Tip 14: Selected item atom

Tip 15: Optimize rendering with two atoms

Tip 16: Use atom conditionally

Tip 17: Atom creator

Tip 18: Refresh atom

Tip 19: Default atom

Tip 20: Async only initially

Closing notes

How was it? Did you enjoy the Jotai puzzle?

Top comments (0)