Data Fetching with React Suspense and Recoil (Part 1)

--

Recoil JS and React Suspense are both new, exciting technologies that, I think, will change how we fetch data and approach state management in React apps. In this tutorial video, we're going to be using Recoil and Suspense to build onto our existing design tool from a previous video.

Timestamps:
00:00 - Intro
00:20 - App Overview
01:20 - Fetch Image Dimensions
04:05 - Add Suspense Boundaries
08:34 - Update Element Size
10:36 - What's next?

A bit more about Recoil:
There are a bunch of existing state management solutions out there such as Redux and MobX, but these solutions can require a lot of boilerplate or have a steep learning curve.

Recoil was released by Facebook a few weeks ago as an experimental state management library. The main difference between Recoil and existing solutions is that it's incredibly simple and it feels like you're just writing react.

Further reading/watching:

[JacquesBlom]

Hey everyone! 👋 Thanks so much to everyone for watching my videos. It means a lot. ❤️

Because of the number of questions I've received about Recoil, I've decided to create a free, comprehensive Recoil course, where you can learn how to use Recoil like a pro.

See you there. 🙌

[EricBishard]

Great video Jacque, this is the one I watch over and over!

[ThugLifeModafocah]

Lots of good things to learn from your video. Thanks.

[zechaojin]

amazing tutorial! please, upload more

[rgupta]

Hi Jacques, nice tutorial. How can I hydrate or add/remove items from a atomFamily --outside of any component.

[venicebeachsurfer]

Is recoil overkill for small apps? If so, what would you suggest otherwise?

[absconditus]

I think you can only follow this if you already used Recoil in a previous project. The phase is fast and explanations insufficient.