آموزش پروژه محور React js (فروشگاه آنلاین) : نگهداری داده ها در LocalStorage

Рет қаралды 2,209

Күн бұрын

در این قسمت از ساخت فروشگاه آنلاین و سبد خرید با reactjs، نحوه ذخیره و نگهداری از داده ها در local storage آموزش داده شده است. بدین ترتیب بعد داده های شما و سبد خرید در حافظه مرورگر به مدت طولانی نگهداری خواهد شد. پس این قسمت از آموزش پروژه محور ری اکت را حتما تماشا کنید. چون localStorage یکی از مباحث پیشرفته برنامه نویسی ری اکت و جاواسکریپت هست که بدون استفاده از آن در پروژه نمی توانید به نتیجه دلخواهتون برسید.
در قسمتهای قبلی ساخت فروشگاه آنلاین با ری اکت برای درست کردن سبد خرید custom hook ؤا با useContext hook ترکیب و سبد خرید را پیاده سازی کرده بودیم.
source code :
github.com/sarvinstyle/React-...
لینک قسمت های قبلی پروژه آموزشی با React js :
قسمت اول : • آموزش پروژه محور React...
قسمت دوم : • آموزش پروژه محور React...
قسمت سوم : • آموزش پروژه محور React...
قسمت چهارم : • آموزش پروژه محور React...
قسمت پنجم : • آموزش پروژه محور React...
اگر دوره 15 جلسه ای آموزش کامل React را تماشا نکردید لیست تمامی درسها اینجاست :
لیست کامل دوره آموزش رایگان reactjs :
• بهترین و کاملترین آموز...
سرفصل این قسمت :
0:00 : مقدمه
01:57 : کاربرد local Storage در ری اکت
03:30 - پیاده سازی پیام خوش آمدگویی با local Storage
08:50 - ذخیره سبد خرید در localStorage
22:48 - حذف localstorage
26:14 - سخن آخر
_________________________________________________
- آموزش React js
- آموزش ری اکت پروژه محور
- آموزش صفر تا صد ری اکت
- آموزش برنامه نویس فرانت اند
- آموزش کامل برنامه نویس وب
- custom hook با useContext

Пікірлер: 36

@armintattoosypply5969 10 ай бұрын

Thank you so much for sharing your knowledge with us .

@sarvinStyle 10 ай бұрын

My pleasure!

@mehrdadsadeghizadeh3219 5 ай бұрын

Thank you for your efforts

@sarvinStyle 5 ай бұрын

My pleasure!

@FatemeSadeghi83 4 ай бұрын

ببین تو عالیییییییییییییی تدریس میکنی ممنونم ازت😁

@sarvinStyle 4 ай бұрын

مرسی 😊

@armintattoosypply5969 10 ай бұрын

Best useful tutorials.

@sarvinStyle 10 ай бұрын

Glad you think so!

@user-ku5fg6tm6k 11 ай бұрын

ممنون از اموزش هاتون

@mscomputer3805 11 ай бұрын

خیلی عالی مرسی از زحمات شما

@mehdibagheri6448 11 ай бұрын

بسیار ممنون از شما استاد

@alikazemi2028 11 ай бұрын

i`m not a front end dev but i support your work

@sarvinStyle 11 ай бұрын

Thank you so much

@vibetext 11 ай бұрын

من از ویدیوهای شما خیلی استفاده کردم و برام خیلی مفید بوده. از همین جا ازتون تشکر میکنم. امیدوارم همین مسیر رو ادامه بدین و پرقدرت برید جلو.

@sarvinStyle 11 ай бұрын

ممنون از محبتتون

@rahneshin752 11 ай бұрын

❤❤❤

@sayedmortezaraeisioskouei6251 10 ай бұрын

سلام سروین جان. ممنون از آموزش های بسیار روان و خوبت. میشه لطفا در انتهای این پروژه ری اکت یه آموزش هم برای ارسال اطلاعات سبد خرید با useMutation درست کنی. واقعا تو ارسال اطلاعات سبد به سرور موندم

@msakhizada 11 ай бұрын

💙

@EvoNick_IR 8 ай бұрын

سلام، ممنون که وقت گذاشتین تا اینجا خیلی خوب بود اما ایکاش یه موضوعی رو در نظر میگرفتین که وقتی دارین برای کامیونیتی فارسی زبون ویدیو میسازین، لااقل سایتتون رو rtl و با زبون فارسی پیش میبردین، هرچند به هر حال میشه داکیومنت ها رو خوند و سر دراورد، اما میدونین که کلا سایت وقتی قراره به زبون فارسی نوشته بشه همه چیش فرق میکنه، اسما، نوشته ها، مخصوصا رگولار اکسپرشن، و یه سری موارد دیگه ای به هر حال ممنون خیلی استفاده کردم، البته یه چیز دیگه رو هم اشاره کنم اینکه مثلا فونت آسم توی ایران خر بازی در میاره خیلی وقتها کار نمیکنه باید پروکسی استفاده بشه، خیلی چیزای دیگه هم هست، البته من تست نکردم، همون api گرفتن از سایتهای مختلف خیلی وقتها جواب نمیده اونم بخاطر ip ایرانه وقتی ویدیوهاتونو برای فارسی زبونها و ایرانیها میسازین بهتره این چیزا رو هم در نظر بگیرین شرمنده اگه طولانی شد اما ...😅

@Mohammad.keramati 8 ай бұрын

سلام ممنومم از آموزشهاتون. میشه نحوه ی راه اندازی درگاه بانکی به ریکت لاهم توضیح بدید ممنون

@selenagome2996 11 ай бұрын

سلام من یه سوال داشتم راجب برنامه نویسی و طراحی وب چون این ویدئو جدید بود زیر این کامنت دادم ببینی با این آموزش هایی که میزارین میشه شروع به کار کرد؟ من هنوز ویدیو هارو ندیدم برای همین سوال کردم و این که رشته خودمم همینه و هنوز اول راهم اگه میشه لطفاً جواب بدین

@sarvinStyle 11 ай бұрын

بلی می شه چون من هر چی که لازمه بلد باشین یاد می دهم

@musiccpedit 9 ай бұрын

سلام خسته نباشی ، جسارتا این اطلاعات مگر نباید سمت سرور ذخیره بشوند؟ یعنی به کمک سشن ها یا کوکی سمت سرور

@sarvinStyle 9 ай бұрын

هر دو حالت را هم انجام می دن برای کاهش کانکت شدن به دیتابیس سمت کلایت ذخیره می کنن و برای حفظ طولانی مدت سمت سرور کامل بسته به نیازمندی سایت هست

@Alivae 11 ай бұрын

سلام من الان html و css رو بلدم به صورت کامل الان هم در حال یادگیری js هستم و بعد هم کتابخانه هاش الان باید برم کدوم زبان رو یاد بگیرم و برای بک شما پایتون یا php رو پیشنهاد میکنید؟

@sarvinStyle 11 ай бұрын

همون جاوااسکریپت خوبه

@shima.gh95 8 ай бұрын

سلام روز بخیر من همه ویدیوهارو دیدم این هوک رو برای فروشگاه نگفته بودید تو ویدیوهای قبل، الان من که مثلا هوکشو ندارم تو کانتکس باید بذارم لوکال استوریج رو یا این هوک رو بنویسم؟

@sarvinStyle 8 ай бұрын

کدام هوک را می گین ؟

@shima.gh95 8 ай бұрын

@@sarvinStyle اخر همین ویدیو که دارید لوکال استوریج رو اضافه میکنید به فایل هوک اضافه کردید ولی من با کانتکس نوشتم برنامه رو، الان لوکال استوریج رو به کانتکسم باید اضافه کنم؟

@alimohammadi7277 5 ай бұрын

سلام وقتی دکمه ریست رو‌میزنیم دیگه نمیشه گذینه هارو انتخاب کرد ارور میده مشکل چجوری برطرف میشه؟؟

@sarvinStyle 4 ай бұрын

لطفا کاملتر توضیح بدین مشکلتون را

@sepehrs3396 11 ай бұрын

خسته نباشید یه سوالی داشتم اونم اینه وقتی مثلا یک کاربر با نام احمد وارد سایت میشه و روی یکی از محصولات کلیک میکنه و یکی دیگه به نام محمد وقتی وارد بشه دوباره همونی که احمد کلیک کرده بود واسه محمد هم هست میشه بگید چجوری این مشکل رو حل کنیم

@sarvinStyle 11 ай бұрын

هر کاربر با مرورگر سیستم خودش وصل می شه بنابراین برای هر کدوم سبد خرید جداگانه ای در نظر گرفته می شه

@sepehrs3396 11 ай бұрын

@@sarvinStyle خیلی ممنون