Part - 7 Show Readlist and Wishlist on UI - video Dailymotion

ABC Computer

আজকের ভিডিওতে আমরা শিখবো কিভাবে React প্রজেক্টে লোকাল স্টোরেজ (Local Database) থেকে ডাটা নিয়ে UI-তে Readlist এবং Wishlist দেখানো যায়। এই ভিডিওটি আমাদের চলমান React Project Tutorial সিরিজের Part - 7, যেখানে আগের ভিডিওতে আমরা Read এবং Wishlist ডাটা লোকাল স্টোরেজে যুক্ত করেছিলাম।  🎯 In this video you’ll learn:  How to fetch data from Local Storage in React  How to show Readlist and Wishlist data on UI  How to manage conditional rendering for empty lists  How to structure component for better reusability  Bonus: Simple UI improvement with Tailwind CSS  ⚙️ Tools Used: React JS | React Router | Tailwind CSS | DaisyUI | Local Storage API

Transcript

00:00Assalamu alaikum kya maana chen shabhai aashakari bhala hao chen ABC computer paakho tte kya aami mohammad mohani osin aapna te shabhai ka jana is shakotam

00:05So last video tte aamra kiki kursi laam aamra basically aamra dheerai jayi book chilo jayi boerbhi tera aamra dhuji kya just read e click kulee, read e aartate chilo, aarek bar click kulee

00:14This book is already added.

00:16Thikas ee, eekhoon, ask kya aamra jayaragoposet hao, eeje jay listed book.

00:19Eko aamra edereakun tribe ee kttaja jinii bana bhu, eeje listed book read book, arocho wishlist book ee ktaja kimnei jinii shthaakbhe

00:25So eegi jinii shthaa banaet hojile, jeta koortte ho vay aamadar karondkia puthomato listed book nama ea yakel file lakbe

00:30So aamra koda cholo jayi koda arshar paada aamra book dataset rate kutte dhe dhi kushin ne bhat hantato

00:34So aamra page sr bhi tore jayi page sr bhi tore jaya aamra hanaj

00:40folder name is listed books

00:43okay so pages are bitory folder

00:46listed listed books

00:52so the file is listed books

00:55listed books.jsx

00:58and the rcd template

01:01here is listed books

01:04listed books

01:07such links

01:09below the description

01:11if you leave in browser

01:13see there is listed books

01:15left

01:17so left

01:19left

01:21you have a map

01:22so

01:24left

01:27the

01:27left

01:30right

01:32left

01:34left

01:35I can't

01:37I can't

01:39I'm

01:41I'm

01:43I'm

01:45I

01:47I

01:49I

01:51I

01:53I

01:55I

01:57I

01:59I

02:01I

02:03I

02:05I

02:07I

02:09I

02:11I

02:13I

02:15I

02:17I

02:19I

02:21I

02:23I

02:25I

02:27I

02:29I

02:31I

02:33I

02:35I

02:37I

02:39I

02:41I

02:43I

02:45I

02:47I

02:49I

02:51I

02:53I

02:55I

02:57I

02:59I

03:01I

03:03I

03:05I

03:07I

03:09I

03:11I

03:13I

03:15I

03:17I

03:19I

03:21I

03:23I

03:25I

03:27I

03:29I

03:31I

03:33I

03:35I

03:37I

03:39I

03:41I

03:43I

03:45I

03:47I

03:49I

03:51I

03:53I

03:55I

03:57I

03:59I

04:01I

04:03I

04:05I

04:07I

04:09I

04:11I

04:13I

04:15I

04:17I

04:19I

04:21I

04:23I

04:25I

04:27I

04:29I

04:31I

04:33I

04:35I

04:37I

04:39I

04:41I

04:43I

04:45I

04:47I

04:51I

04:53I

04:55I

04:57I

04:59I

05:01I

05:03I

05:05I

05:07I

05:09I

05:11I

05:13I

05:14he is the default default default is a key default default something is perfect

05:18instead of data about the dark and night expect to be found that course you have

05:23ever with 3 a quarter-term trip to thaklo step to take the proper home

05:26chamba digital user a table is already taken by the foreign boycott

05:31Jai is and I can title 1 title 2 agent English that's actually

05:34. So I'm a motor but a near city title one title towards us a title one

05:41so

05:45i can't

05:49read books

05:53read books

05:55wish list books

05:57wish list books

05:59okay

06:01so i'm not

06:03read books

06:05content

06:07content

06:09so i'm not

06:11tab already

06:13easy way

06:15okay

06:17i'm not

06:19it

06:21it

06:23it

06:25class

06:27class

06:29class

06:31class

06:33class

06:35class

06:37class

06:39not

06:41class

06:43class

06:45class

06:47class

06:49class

06:51class

06:52tranquility

06:53league

07:05I just want to call the same name, let's go to the second bracket here, first, I would even want to call the second bracket,

07:19now I want to call align align align align and justify left, align left, the text left.

07:31okay

07:36okay

07:42so

07:44this is

07:46this is

07:48a

07:50a

07:52a

07:54a

07:56a

07:58a

08:02a

08:04a

08:06a

08:08a

08:10a

08:17a

08:19a

08:22a

08:25a

08:27a

08:29a

08:30a

08:32a

08:33a

08:35a

08:36a

08:37a

08:38a

08:40a

08:41a

08:42a

08:44a

08:46a

08:48a

08:49a

08:50a

08:51a

08:53a

08:53.

09:12.

09:16.

09:18.

09:20.

09:22.

09:23.

09:23I will go to the database and click the link to the database and select the database.

09:30I will go to the database and select the database and select the database.

09:43very good data new adster bar see ever now I'm gonna I can take data from

09:55use effect દીએ હોચે આમરા એખાને એક્ટા જીની સ્તોરી ગર્તે પારી શેથાર હોચે આમરા એખાને

10:01એટા યોજે ફક્ટે આમરી નિયા સ્પોક આમરી યોજે થ્પટે થક્ટે થાગે તો ડેપ�ંડીંદેશી થાગે તો ડે�

10:31I am a store book data.

10:39I am a public account.

10:41I am a there already into I'm proud.

10:43I'm other utility services.

10:45I'm already a mother data.

10:48I'm a data.

10:49I'm a data store.

10:51I'm a policy.

10:52So it is our bar.

10:53Like the government.

10:54I'm just a export for the.

10:55It is a export.

10:56I have export.

10:57I'm not just a export.

11:00export program get stored book among eight and Aisha I'm not just a direct call for

11:04book utility together I'm not near time I'm only going to call for a lot so

11:10call for a day to the seat I'm not going to keep it as I'm going to console

11:13lock for a console lock column console lock for both chairman there

11:19also local which other AJ is stored book data we can I'm not console lock for

11:25you because it console lock column a lot of your last again I cannot cannot

11:28allow with your last job on the pro and can allow with your last chair you see

11:33fact is if I am the story of a air a function in the agent continuous yes

11:39air a function of the Amrabi Chelsea so ever to be on the browser is I AJ the

11:43number I can take a much a mother eject array by agency and in vitre to the

11:48Amra Calcari Tyler Amra the go check on a conflict

11:52I will set my free limits to say, let's take the link to your name first button here.

12:03And then the link.

12:05I click on the link and then the link references to the link.

12:10This is the list of my class.

12:14Okay, I'm going to show you the story.

12:16I'm going to show you the story.

12:18Local database.

12:20I'm going to show you the story.

12:22Here we are going to show you the story.

12:24It's a string.

12:26It's not an integer.

12:28It's a integer.

12:30I'm going to show you the console.

12:34Console.

12:36Console.

12:38Console.

12:40Console.

12:44Console.

12:46Console.

12:48Console.

12:49Console.

12:50Console.

12:51Console.

12:52Console.

12:53Console.

12:54Console.

12:55Console.

12:56Console.

12:57Console.

12:58Console.

12:59Console.

13:00Console.

13:01Console.

13:02Console.

13:03Console.

13:04Console.

13:05Console.

13:06Console.

13:07So, if we compare the string, we will compare the string.

13:14We will get stored book data.

13:17We will convert the integer.

13:20We will convert the integer.

13:23Integer stored book data.

13:30We will get stored book data.

13:36I am not my

13:38my

13:40my

13:42my

13:44my

13:46my

13:48my

13:50my

13:52my

13:54my

13:56my

13:58my

14:00my

14:02my

14:04Thank you

14:06my

14:08I

14:10I

14:12can

14:14I

14:16have

14:18my

14:20m

14:24I

14:26have

14:30my

14:31good

14:33આમાંદેયે એટા કાંં નાંબર હોયે તારમને આમરા નાંબરેવ કાંબરણકે ર્ફલતે પલાં સકશ્સ્ફુલી એપ

15:03list at crosser just regular I'm so cool because I'm so cool I can take a variable category my read

15:09list in a minute and economic Obama's a data say to a data enemy filter for more dot filter filter

15:17for both share I'm a there I'm gonna come with the meta very in a minute in a book book name

15:24.

15:29.

15:42.

15:44.

15:48.

15:51.

15:53.

15:54My Read List

15:57My Read List

15:58Copy column

15:59My Read List

16:01Save column

16:02I got to get a browser

16:03I got to get a browser

16:04I got to get a browser

16:05I got to get a browser

16:06I got to get a reload

16:10Reload

16:11Reload

16:12Full Details

16:14Any Content 1

16:16Any Content 2

16:17This is the way to get a

16:18Full Details

16:19The way to get a

16:20What you can do

16:26You can do

16:28vintage

16:29Ok

16:31We are going to send

16:32Get a

16:33custom list

16:36Get used

16:37A

16:38A

16:40A

16:41A

16:42A

16:43You

16:45You

16:47is that your sister dilla mo check and I'm on so I make a blank error account and I can

16:54help me now I'm the body dharan I'm are a read list I'll check set a read list read

17:01list that means that you don't know and I'm are a set list hobby would take you a

17:08jay to the Tommy by the seat it's not said read list said this this day I'm

17:14a part of my release later by the name ever I'm are a read list it has a major

17:21list it has a economy data go to town to make a new content is to the US economy

17:26a check-up you call it I can't tell you yes it's a read list read list it is a

17:33and

17:59I did a book parameter I should be Nisi I can take care of the Nisi book single book

18:06so I am Rapa to to Nia J so I'm a telly I'm Rala to go to me

18:11the other number book book new on a channel list book number check on the

18:17K

18:21I'm a a part of the book Nate that comes from the book I can take a long book

18:28so, we need this to import the book from the book

18:33so, I will choose our book

18:36we need this to create a new book

18:41so, we need this to create a new book

18:46then, we need to create a new book

18:50so, we need to create a new book

18:53This is a 10th grade window, I am 23rd player and this is a 10th grade window, I have to open the video on the dialog screen

19:16my total read list is yes

19:41key read list read list dot alien length mr. length of the curriculum

19:55okay

19:58all right my day my total read list is four i'm not really connect to class class

20:05for the body and all right and then a class cla class name was a column last name was a

20:12thing I'm sitting on an underline

20:17line line line line line line line line line line line line line line line line line line

20:22you said that put it check on a cell a padding yp yd7 and to get a yellow

20:28It's very good, we don't have to share it with the most people.

20:37The next thing we have to do is click the link.

20:46The list list is the same, it's the same.

20:49The list list is the same.

20:52We have to read list list.

20:55I'm not going to see the least I'm right manager really said release could see I can assume about

21:00some director is declared code they can also wish to start back on the right now chair like a

21:04dilemma so wish wish list wish list wish list wish list are a complicated set wish list

21:16I am going to use state

21:26And I am going to use my read list

21:32I am going to use your use effect

21:37I am going to use my read list

21:41one much air to db i can take a chair when there is a get whist list data which amra export for

21:47the bill get whist list to get with list together get whist list to export for the

21:51bill am i can ask the master for a wheelchair i can take a digital culture const a mother wish wish wish list data

22:09it can take a chamber is a iterate that missed list it had a call for a villain

22:17let's call the radar for a monkey for both i'm the i can take a post

22:23the variable declarative of forms that's a gear i'm right the integer convert

22:27for both the int integer waste waste list data someone who share mother j

22:35wish list data say it or before i'm a map for both map for both chair id naam i did

22:44before i'm lucky for both i did tutorial i'm not passing people idk parts integer

22:50for both share mother idk but so i will say it for a wheelchair i'm not equal

22:57go before i'm not passed my wish list bus uh okay so my wish list william my w a w i h

23:09list my list list is equal to another j uh data say total data will become the filter

23:15global data filter data filter data data data data data dot filtr filter code

23:23language i'm a there uh filter for some other jay book as a book

23:31you said we thought the culture in wish list data in teaser is this data k include in

23:40includes includes includes of chair mother mother jay book as a book and take a book id

23:50that's ever of chemical set wish list for the book set wish list set wish list for

23:57watch a career i'm a there is a my wish list my wish list internet bus ever

24:04oh

24:09it's just it's the same process

24:13uh

24:15oh

24:16it goes to force it

24:19press it

24:22press Rahman

24:25rest

24:29rest

24:29res

24:31Rekha

24:34shan

24:34sto

24:35leader

24:36striker

24:37first

24:39yes

24:41so

24:44wishlist as a actively so I think I'm through the wasn't a keep up easily I'm

24:47right Purodini started to record the world over see so a pato to a mother

24:52probe where cash is skin to is a button to the person button and as a

24:56button that gonna I can amra jeta turbo I'm on the number it will jam

25:00run a program decision but never recognize our mother key as a mother

25:03associate page to wait it for a check on a button but I say button button

25:08button button button age button button I'm really kidding which is sign in

25:13sign in sign in back up sign in back up sign in back up sign in back up sign in

25:21corner I mentioned I will have a call. Daisy you are I will have a

25:23ous click on every two of the times that you've done with a

25:28or they want to do it I will have a no Princeton team in at the same time

25:33even though I'm ready to go to my part of the TV so that's why I don't know

25:37it's because I am not I only video I have a question here if you do

25:41I will sign in sign up.

25:44So, I will not learn you.

25:47Until then, Allahフェイス.

25:49Assalamualaikum.

Part - 7 Show Readlist and Wishlist on UI

Category

Transcript

Be the first to comment

Recommended