زندگی من خلاصه میشه تو یک جمله، کد و کافی ☕️
کار با AsyncStorage در ReactNative
AsyncStorage چیست ؟ به زبان ساده میشه گفت ، ذخیره داده ها بر روی دستگاه به صورت لوکال و واکشی آن ها
من تقریبا دوس دارم توضیحات مختصر ، کوتاه و اما مفید بدم که شما در کمترین زمان ممکن درک کنید و صحبت های زیاد من هم سرتون رو درد نیاره :)
خب بریم یکم بیشتر راجب AsyncStorage براتون توضیح بدم تا کاملا درک کنید که چی هست اصن !
من یه اسمی گذاشتم برای AsyncStorage که بهش میگم ذخیره سازی کلیدی ، یعنی اینکه یک سری داده رو ما با کلید منحصر به فرد خودشون به سمت AsyncStorage ارسال میکنیم و اون هم برای ما در حافظه گوشی های اندرویدی یا ios ذخیره میکنه و هنگامی که به این داده ها نیاز داشتیم فقط کافیه کلید منحصر به فرد اون داده رو صدا بزنیم به فرض مثال 'TOKEN-KEY' ، همین جا به یه سری نکات مهم اشاره کنم:
- ذخیره سازی کلیدی (AsyncStorage) برای داده های بزرگ پیشنهاد نمیشه پس در نظر داشته باشین که برای داده های کوتاه گزینه خیلی مناسبی هست و در کمترین زمان ممکن داده را در اختیار ما قرار میده یا برامون ذخیره میکنه .
- داده های ذخیره شده با بستن اپلیکیشن یا ریست کردن دستگاه از بین نخواهد رفت تنها با پاک شدن اپلیکیشن یا clear data کردن توسط کاربر اطلاعات از دست خواهند رفت .
خب اگه هنوزم براتون پیچیده هست این قضیه و شما یک توسعه دهنده وب هستید میخوام بهتون بگم که AsyncStorage تقریبا LocalStorage خودمون هستش و برای مثال به ما در احراز هویت کاربر کمک میکنه.
یکم بیشتر بخوام توضیح بدم فرض کنید ما نیازمند این هستیم یک سری توضیحات به کاربر برای اولین بار نشان دهیم و دیگر به آن یادآوری نکنیم و خب این کاربر رو اذیت میکنه که هر بار این توضیحات تکراری رو ببینه ، یکی از روش های پیاده سازی AsyncStorage هست .
خب فکر کنم وقتشه یکم دست به کد بشیم :)
من دو حالت استفاده از AsyncStorage رو داخل کد بهتون نمایش میدم که عبارت هستند از :
1.ذخیره داده ها با کلید منحصر به فرد
2.واکشی داده ها با کلید منحصر به فرد
در ضمن متد های دیگری هم برای استفاده از AsyncStorage وجود داره که تعدادی از اون ها رو در زیر براتون بیان میکنم و باقی موارد را می توانید با مراجعه به لینک در پیوند بدست آورید .
- ذخیره داده ها با کلید منحصر به فرد
- واکشی داده ها با کلید منحصر به فرد
- پاکسازی تمامی کلید ها و داده های آن ها
- پاکسازی یک کلید خاص به همراه داده ی آن
- واکشی تمامی کلید های ذخیره شده و داده ها
توجه داشته باشید که برای استفاده از AsyncStorage نباید آن را به این صورت import نمایید
import { AsyncStorage } from 'react-native';
و باید به حالت پایین import نمایید زیرا مدل قبل منسوخ شده می باشد .
import AsyncStorage from '@react-native-community/async-storage';
پیوند :
خوشحال میشم نظرات و پشنهادتون رو داشته باشم و امیدوارم لذت برده باشید
موفق و پیروز باشید .
مطلبی دیگر از این انتشارات
پیاده سازی Private Routes در React
مطلبی دیگر از این انتشارات
مفهوم IIFE و Closure در جاوا اسکریپت و Nested Functions
مطلبی دیگر از این انتشارات
چرا باید package-lock.json را دوست داشته باشیم؟!