1 minute read

There are tips and tricks I use for React Native Development.


Reactotron is a desktop app for inspecting your React JS and React Native projects

Storing string data in Async Storage

Async Storage can only store string data, so in order to store object data you need to serialize it first. For data that can be serialized to JSON you can use JSON.stringify() when saving the data and JSON.parse() when loading the data.

const storeData = async (value) => {
  try {
    const jsonValue = JSON.stringify(value)
    await AsyncStorage.setItem('@storage_Key', jsonValue)
  } catch (e) {
    // saving error

const getData = async () => {
  try {
    const jsonValue = await AsyncStorage.getItem('@storage_Key')
    return jsonValue != null ? JSON.parse(jsonValue) : null;
  } catch(e) {
    // error reading value

Upload an image from file system

expo-file-system provides access to a file system stored locally on the device.

import { uploadAsync } from 'expo-file-system'

export default async function uploadToS3(photo: Photo) {
  const signedUrlResponse = await apis.getSignedUrl(photo.shortFilename)

  if (signedUrlResponse.status === 201) {
    try {
      await uploadAsync(
          httpMethod: 'PUT',
    } catch(error) {

Install package

Use npx expo install <:package>

npm expo install @sentry/react-native

To use an image from the local project folder

Use require



Keyboard Shortcuts

  • shft + i on terminal: you can select simulator iPhone version

  • npx expo start --ios to run the app on the simulator.