How to Save Values and Objects in Async Storage in React Native Apps

Hi everyone!

Today I want to show you how to add local storage to your React Native Android and iOS apps written in React Native. By using react native's async storage if you have some data you want to store between different sessions of the app you can save it locally and load it when you load up the app next. It can be useful for providing a good user experience to app users if you haven't yet been able to invest in building APIs for more continuous storage of user data. I will show you how to save and get objects (using json) and singular values from async storage, and I will also show how you can load data for multiple keys at once and also individually get data from the device's local storage. For this tutorial I will show you how to use @react-native-async-storage/async-storage as react native's older AsyncStorage package has been deprecated.

The full code for this tutorial can be found on GitHub:

And the full documentation for @react-native-async-storage/async-storage can be found here:

You’ve clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can maximise your screen time to pick up technical skills. Try it for free today:

// ABOUT ME
My name is Chelsea and I started studying software engineering in 2010. I have been working commercially full time since 2014 and have been in various positions from graduate developer to tech lead to solution architect.
I'm a full stack developer with a lot of experience in C# and Javascript but my passion is for mobile development; specifically native iOS development and cross platform using React Native.

I always have many things on the go and am always trying out a new side hustle and failing at it; perhaps you can learn from my mistakes!

Please like and subscribe if you enjoyed this video and want to see more like it!
Have any suggestions on topics you would like to learn more about? Please suggest them in the comments... I would love to help you out while doing a bit of learning myself!

// PRODUCTS USED
I use the following products in the creation of my videos:

A reasonable quality and reasonably sturdy but cost effective microphone that can be used by both DSLR cameras, mobile phones and laptops

A kit lens but a decent quality lens for beginners getting used to a DSLR

This is the kit I started with it includes the lens linked above and is a great starter camera.

I love Apple devices... These are the ones I use for my channel content creation:

A good all round phone, good for Apple development and recording videos with enough high quality features but at a cheaper price point than the pro versions.

A nice portable computer for working from anywhere and perfect for iOS development

Really easy to use for graphic design if required for logos as part of my app development or editing the videos on the go.

For logo and icon design in Affinity Designer app for iPad

Adds keyboard and touchpad to iPad Air, making it easier to use for writing code/eBooks etc. on the go!

DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!

//CONTACT:

//CRAVING MORE:

[keyurshah]

You are the MVP of react native!!! First channel I search

[kwabenaboateng]

Simple. Straight forward. Clear. Great tutorial💪💪💪💪💪💪💪

[Sujetsi]

Good stuff! I was looking for an updated guide. Thanks!

[ifeanyinnaemego]

Please do you have a video. On how I can save a video from an API offline.

[roiiroii]

This is a very nice video but i have a real problem which is taking me days.

I retrieve Items from a local database which has an ID
I want to increase the count for each individual item that i have in my cart.
I can show items, can add them to the cart, but when it comes to increment, Every item gets incremented.
Its been a very long time & i cant solve it.
Can you please create a video about a cart & multiple items with ID's?

[leoporty]

I get a problem to save a apikey into my asyncstorage, i cansee into a alert text for debug just. (get a error about of object)

[sjaakgroeneveld]

I get a Render error: "Objects are not valid as a React child (found: object with keys {greeting, test}
If you meant to render a collection of children, use an array instead. "