Part - 6: Add Read or Wishlist Data using Local Storage in React | React Project Tutorial in Bangla

3 months ago

আজকের ভিডিওতে আমরা শিখবো কিভাবে React প্রজেক্টে Read বা Wishlist Data Local Storage (বা Local Database)-এ সংরক্ষণ করা যায় এবং সেই ডাটা UI-তে দেখানো যায়।
এই ভিডিওটি আমাদের চলমান React Project Tutorial সিরিজের Part - 6, যেখানে আগের পার্টে আমরা Book Details Page তৈরি করেছি।

🎯 In this video you’ll learn:

How to use Local Storage in React

How to add books to “Read” or “Wishlist” section

How to fetch and display stored data dynamically

How to manage local data for React projects

Bonus: How to handle duplicate data & UI updates

⚙️ Tools Used:
React JS | React Router | Tailwind CSS | DaisyUI | Local Storage

Transcript

00:00Assalamualaikum, how are you?

00:02Welcome to the channel of the computer.

00:04My name is Mohamad Manir Shahab.

00:06So, today we will see this very important.

00:08It is very interesting.

00:10So, we will click here.

00:12We will click here.

00:14We will add the database.

00:16We will add the database.

00:18And we will add the database.

00:20We will not have database.

00:22We will use database.

00:24We will use local storage.

00:26We will use local storage.

00:28If we are, do not use JOSH Inmany,

00:30Therefore, we click here,

00:32Um identмотрите,

00:34We take the database.

00:36So, we will add the database to our cache.

00:38So, we will send migration to our users.

00:40So, Caios are at the operative.

00:42We are having a data editor

00:44to use our network,

00:46so, this page is very interesting.

00:48Over here we will add and сложness,

00:50we will add the browse plugin for digit is a resource,

00:52or to use variable and error.

00:54If we can assign our code flavor across data.

00:56I will clear the code.

00:58I will click the read and add the code.

01:04So, add the code.

01:06This is not a database.

01:08It is not a code.

01:10But when you have a database, it will be easy to go.

01:12This is a data store.

01:14This is a data store.

01:16We already know what the code is.

01:18We already know what the code is.

01:20This is a dynamic code course.

01:22it is a few keywords.

01:28It is not just a data store.

01:30We will need to find a data store.

01:32And, we have said that games are available...

01:34This is not a data store...

01:36We will need toагоal Jest.

01:38The database find theму defender.

01:40If you can take this data operator,

01:42a star node will volunteer.

01:44And finally, the database editor will within the message.

01:46If you don't see any data provides you.

01:48And there is a data source code.

01:50if we are going to the same page here we can see the same page but what we are going to do the same page

02:02there is a single page here we can see the function and we can see the same page

02:18handle mark as read

02:25function

02:28function

02:31function

02:34function

02:37function

02:38id

02:41id

02:42id

02:43id

02:45id

02:46id

02:47id

02:49id

02:50id

02:59fb

03:02click

03:05id

03:07so

03:09આરે ફાંશન દીએ હોછે આરે ફાંશન દીએ આમરા એખાને હાંડેલ મારકાશરી જઈખાને આમરા કલ્લ કલ્લ કલ્�

03:39આમરા કલેસ્લ કોમાશઓ આમરાં એસ્લ ક્લામાશી આમરે કલ્માશઓ કલેણે પ�મ્ર કલ્ાક્લ કલેમાશાં એ

04:09utilities

04:11utility

04:13utility

04:15utility

04:17file

04:19add

04:21database

04:23database

04:25db

04:27javascript file

04:29the first

04:31variable

04:33variable

04:35function

04:37database

04:39local

04:41store

04:43so

04:45get

04:47stored

04:48book

04:49is equal to

04:50get stored

04:51book

04:52function

04:53just

04:54array function

04:55operator

04:57we

04:58do

04:59the

05:01variable

05:03const

05:04stored

05:06book

05:08str

05:10check

05:12local

05:14storage

05:16item

05:18local

05:20storage

05:21local

05:22storage

05:23get

05:24item

05:25name

05:26local

05:28storage

05:29and

05:31the

05:33application

05:35is

05:37the

05:39name

05:41name

05:43name

05:45name

05:47name

05:49we

05:51can

05:53see

05:55if

05:57if

05:59if

06:00if

06:01if

06:02if

06:03if

06:04if

06:05if

06:06if

06:07if

06:08if

06:09if

06:10if

06:11if

06:12you

06:14you

06:15can

06:16do

06:18the

06:20store

06:22store

06:24book

06:26data

06:28i

06:29dot

06:30parse

06:31parse

06:32parse

06:33parse

06:34parse

06:35parse

06:36parse

06:37parse

06:38parse

06:39parse

06:40return

06:41return

06:42to

06:43store

06:44data

06:45store

06:46data

06:47return

06:48return

06:49ok

06:50r

06:51i

06:52return

06:53i

06:54return

06:55empty

06:56array

06:57the

06:58array

07:00array

07:01and

07:02two

07:03dot

07:04add

07:05and

07:11add

07:12store

07:13and

07:14add

07:15add

07:16to

07:17add

07:18add

07:19add

07:20To do local store, our return what's in the whole world?

07:25There is no return nd.

07:27So some apps we will add to store database.

07:34As we go to add to store database,

07:40We will add to store database to add to store database.

07:45so we can take advantage of the most store store store store book data huh

07:53it's a real um the book data I can take a look at the moment I'm not a great

07:57told book get a store book which is a function that's a functional not all

08:03problem yes I'm a job I said many of a bar icon I'm not even scalable is this

08:10This is the first time we have stored book data.

08:18Includes.

08:24Includes.

08:28What do we do?

08:30We have alert.

08:32This book is already added.

08:41This book is already added.

08:44There are messages that are dead.

08:46The first time to write.

08:49This is stored book data.

08:55push the id

08:59push the id

09:01stringify

09:03const data

09:07stringify

09:09json

09:11stringify

09:13stringify

09:15store

09:17book data

09:19stringify

09:21local store

09:23set item

09:25set

09:27name

09:29stringify

09:31string

09:33string

09:35read list

09:37read list

09:39data

09:41data

09:43stringify

09:45data

09:47add

09:49book details

09:51console

09:53log

09:55add

09:57store

09:59add

10:01import

10:03import

10:05export

10:07export

10:09export

10:11export

10:13export

10:15export

10:17export

10:19z

10:21export

10:23export

10:25soy

10:33right

10:39on clicker

10:52so we have already skipped our book

11:03in the interim

11:06Just eat a guy

11:10control cd yi copy

11:11Just eat a guy

11:17You can't eat a guy

11:19So I want to use a wishlist

11:23This is stored

11:26A book struggling

11:27So I want to use a wishlist

11:32Get item, I have a wish list.

11:39I have a store book.

11:42I have a store list.

11:49I have a store list.

11:54I have a store list.

12:01I have a store list data.

12:08I am going to show you the store wishlist

12:15I am going to show you the store wishlist data

12:24I will return to add to store db

12:30I will return to add to wishlist db

12:38I will return to store wishlist data

12:44I will return to get wishlist

12:48I will return to get wishlist

12:54I will return to store book data

12:58if store wishlist data

13:02store wishlist data include id

13:06this book is already added

13:10I will return to store book data

13:14store wishlist data

13:16I will return to push id

13:18I will return to store book data

13:22store wishlist data

13:26go Jessica

13:33above read list

13:36hit list for wishlist

13:38you can , whichMy OSi

13:40getći add to wishlist db

13:42add to wishlist db

13:44add to wishlist db

13:46add to wishlist db

13:48store db add to wishlist db

13:50add to wishlist db just copy column copy

13:52korea hochi aamra big detail se chola jaboo

13:54ekhane aamra arekta handle dhari gorgho ekhane

13:57aah post handle handle add to wishlist

14:07add to wishlist ekhane hochi aamra dhari same

14:10bhabha aamra id paabo aakta kong aakta kasi paabo

14:12ekhane thekhe aamra just aamra add to db

14:17e periodically add to wishlist ekhane

14:23handle add to wishlist is patients aamra

14:26copy column вос violet ochre na mesma

14:29triangle deage para samma clay on click on

14:31click promotes charactermarked aamra just a

14:34adapt a function and a functionality better

14:38but i'll get probably a prices from now

14:41dr Italy's business agee wisdom karDay

14:45So, this book is already added.

14:49This list is the last one.

14:51This list is the same process.

14:54Just the first one.

14:57In the next video, we will see how we can do the whole list.

15:01How we can do the list.

15:04This list is the first one.

15:06We will see the list list.

15:08We will see the list list and the list list.

15:11We will see the list list list.

15:13In the next video, we will see You's Alaminad.

15:17This will be the next video.

15:19We will see you soon.

Part - 6: Add Read or Wishlist Data using Local Storage in React | React Project Tutorial in Bangla

Category

Transcript

Be the first to comment

Recommended