async-storage
NativeBase
Our great sponsors
async-storage | NativeBase | |
---|---|---|
37 | 57 | |
4,503 | 19,971 | |
1.6% | 0.5% | |
8.3 | 3.7 | |
4 days ago | 2 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
async-storage
-
Unit Testing Expo Apps With Jest
\[@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';
-
State Management Nx React Native/Expo Apps with TanStack Query and Redux
Storage: redux-persist, @react-native-async-storage/async-storage
-
Is there a way to store things even if the app closes?
You want this: react-native-async-storage
-
Fullstack Developer here, just diving into React Native. For my first app do you think it would be better to use local storage or to build an api?
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.
-
WhatsApp in React Native (part 3)
Android - SQLite
-
How to Mock and Test AsyncStorage in React Native
Since the original React Native AsyncStorage was deprecated, you may be using the community solution: react-native-async-storage. I would personally recommend it!
-
React vs React Native: How Different Are They, Really?
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.)
-
Learn to Build a Simple Books App with React Native
To persist data on the device storage, we are going to use Async Storage.
-
How I go with react native in late 2022
for most applications, AsyncStorage works fine. also, you can use it with redux-persist or persist middleware of zustand. in this way, you won't even need to touch the AsyncStorage. my first choice as a database (or just a persistor tool) is zustand and AsyncStorage. this combination can solve storage issues most of the time.
-
Building a real-time bidding system with Socket.io and React Native 🤩
So far, you've learnt how to set up Socket.io in a React Native and Node.js application, save data with Async Storage, and communicate between a server and the Expo app via Socket.io.
NativeBase
-
Exploring the Best UI Component Libraries for React Native apps
Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal CSS-in-JS library and an independent set of unstyled components. Gluestack has several advantages, some of which are:
-
Flash-cards app with OpenAI
Native-base
-
Best headless UI libraries in React Native
Just like the other libraries mentioned in this article, Gluestack is another unstyled component library. Originally a part of NativeBase, the developer team created this library to prevent bloat and enhance maintainability of the project.
-
An Overview of 25+ UI Component Libraries in 2023
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue
- Should I use tamagui?
-
What’s RN’s version of Material-UI or Tailwind for React?
Some that also come up are: * https://github.com/akveo/react-native-ui-kitten * https://github.com/draftbit/react-native-jigsaw/tree/master/packages/ui * https://github.com/callstack/react-native-paper * https://github.com/GeekyAnts/NativeBase * https://github.com/react-native-elements/react-native-elements
You can see timeline of that here: https://github.com/GeekyAnts/NativeBase/issues/4302
- Is this card style possible to do with React Native ?
- Suggestions for first-time React Native app
- How to make my apps look and feel more professional?
What are some alternatives?
react-native-elements - Cross-Platform React Native UI Toolkit
react-native-mmkv - ⚡️ The fastest key/value storage for React Native. ~30x faster than AsyncStorage!
react-native-paper - Material Design for React Native (Android & iOS)
react-native-firebase - 🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
react-native-ui-lib - UI Components Library for React Native
react-native-material-ui - Highly customizable material design components for React Native
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
react-native-reanimated-carousel - 🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)
redux-persist - persist and rehydrate a redux store
react-native-calendars - React Native Calendar Components 🗓️ 📆
react-native-vector-icons - Customizable Icons for React Native with support for image source and full styling.