ignite VS async-storage

Jamon Holmgren, CTO at Infinite Red, joins Nick Taylor to discuss the Ignite project, https://github.com/infinitered/ignite, a battle-tested React Native boi...

You'll learn lot more without Expo. It makes things lot easier/faster but will give you problems later. I recommend you to start with cli, and if you want to avoid tedious tasks of setting up things, go ahead with Ignite or another boilerplate that has already all the basic libraries set up (react navigation, state, UI, etc.) so you just can begin with your project logic/code https://github.com/infinitered/ignite

You should check out the react native boilerplate by Ignite: https://github.com/infinitered/ignite

I recently picked up react native, though I had a good amount of experience with React already and much of it is similar. Except for working with the file system and tooling.

One good boilerplate I’d recommend having a look at is https://github.com/infinitered/ignite not a course but possibly a good resource to learn from.

Check out React Native Ignite

I've been using the Ignite boilerplate (with Expo enabled) and I'm quite happy with it. It contains everything I need, nicely structured.

\[@RNC/AsyncStorage\]: NativeModule: AsyncStorage is null. To fix this issue try these steps: • Rebuild and restart the app. • Run the packager with \`--reset-cache\` flag. • If you are using CocoaPods on iOS, run \`pod install\` in the \`ios\` directory and then rebuild and re-run the app. • If this happens while testing with Jest, check out docs how to integrate AsyncStorage with it: https://react-native-async-storage.github.io/async-storage/docs/advanced/jest If none of these fix the issue, please open an issue on the Github repository: https://github.com/react-native-async-storage/async-storage/issues 5 | import { ReactQueryDevtools } from '@tanstack/react-query-devtools'; 6 | import { Platform } from 'react-native'; > 7 | import AsyncStorage from '@react-native-async-storage/async-storage';

Storage: redux-persist, @react-native-async-storage/async-storage

You want this: react-native-async-storage

What do you mean by local storage? The browser based localStorage API does not exist by default in react-native. There is an analogue though... The most basic package that most people use, AsyncStorage is just a string based key-value store: https://github.com/react-native-async-storage/async-storage . It's very useful for anything simple. It also has a merge function which lets you automatically update stringified JSON objects without unpacking them and doing the modifications yourself.

Android - SQLite

Since the original React Native AsyncStorage was deprecated, you may be using the community solution: react-native-async-storage. I would personally recommend it!

I think that you using a deprecated package to store your state. Verify if you are using https://github.com/react-native-async-storage/async-storage.

State management, orchestrating HTTP requests, synchronizing client and server state: all these things will apply to React Native. The differences will only arise when the device layer comes into play (for example, if you have to store data on the client, window.localStorage doesn’t exist, but AsyncStorage does.)