Accessing State in Redux _ Complete React Course in Hindi #77
278 views
Feb 11, 2024
In the 77th episode of the "Complete React Course in Hindi," the tutorial explores the process of accessing state in Redux within the iNotebook project. This video provides a comprehensive guide on retrieving and utilizing the state stored in the centralized Redux store. The instructor walks viewers through practical examples, demonstrating how to connect React components to Redux, access state values, and integrate them into the iNotebook application. Whether you're a React developer looking to enhance your understanding of state access in Redux or a learner interested in connecting components to a centralized store, this tutorial offers valuable insights into working with Redux state in the iNotebook project.
View Video Transcript
0:00
рдЕрдм рд╣рдо рдпрд╣ рджреЗрдЦреЗрдВрдЧреЗ рдХрд┐ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рд╣рдо рд▓реЛрдЧ рдЗрд╕ рдПрдкреНрд▓реАрдХреЗрд╢рди рдХреЛ рдЗрди рдлреИрдХреНрдЯ рдЕрдкрдиреЗ рд░реЗрдбрдХреНрд╕ рдЯреЛрд░ рдХреЛ рд╕реЗрдЯ рдЕрдк рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЕрдм рд╣рдо рдпрд╣ рджреЗрдЦреЗрдВрдЧреЗ рдХрд┐ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рд╣рдо рд▓реЛрдЧ рд╕реНрдЯреЗрдЯ рдХреЛ рдПрдХреНрд╕реЗрд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдпрд╣ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдо рд▓реЛрдЧ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рд╣реИрдВ рдпреВрдЬ рд╕реЗрд▓реЗрдХреНрдЯрд░я┐╜я┐╜
0:30
components рдирд╛рдо рдХреЗ filter рдХреЗ рдЕрдВрджрд░, рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреНрдпрд╛ рдХрд░реВрдБрдЧрд╛, constate is equal to use selector
0:35
use selector рдПрдХ hook рд╣реИ рд╣рдорд╛рд░рд╛, рдареАрдХ рд╣реИ, рдФрд░ рдпрд╣ рдХреНрдпрд╛ рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ
0:40
рдФрд░ рдпрд╣ рдпрд╣рд╛рдБ рдкрд░ red red QR рд╣реИ, рдУрдХреЗ, рддреЛ рдореИрдВрдиреЗ returns рдХреЗ рдЕрдВрджрд░ рд▓рд┐рдЦ рджрд┐рдпрд╛, actually
0:44
constate is equal to use selector, рддреЛ рдпрд╣ рдХреНрдпрд╛ рдХрд░рддрд╛ рд╣реИ, рдЖрдк рдЬреЛ рднреА state рдпрд╣рд╛рдБ рдкрд░ use рдХрд░рдирд╛ рдЪрд╛рддреЗ рд╣я┐╜я┐╜
0:49
рдЖрдк рдЙрд╕рдХреЛ select рдХрд░ рд╕рдХрддреЗ рд╣реЛ рддреЛ рдЬреИрд╕реЗ рдХрд┐ рдореИрдВрдиреЗ рдпрд╣рд╛рдБ рдкрд░ рд▓рд┐рдЦрд╛ рд╣реИ const state is equal to use selector state
0:54
рдФрд░ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рд▓рд┐рдЦ рд╕рдХрддрд╛ рд╣реВрдБ state. рдЬреЛ рднреА рдореЗрд░реА state рд╣реИ рдареАрдХ рд╣я┐╜я┐╜
0:57
рдЕрдм рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЗ рдпрд╣ рдореИрдВрдиреЗ рдХреНрдпрд╛ рдХрд┐рдпрд╛ рдареАрдХ рд╣реИ рдЕрдм рдЬреЛ рдореЗрд░реА initial state рд╣реИ рдЙрд╕рдХреЗ рдЕрдВрджрд░ amount рд╣я┐╜я┐╜
1:16
operator
1:50
рдЗрд╕ рдиреЙрдЯ рдбрд┐рдлрд╛рдЗрди рдХрдВрдкрд╛рдЗрдВрдб рд╡рд┐рдж рд╡реЙрд░реНрдирд┐рдВрдЧреНрд╕ рдУрдХреЗ рдлрд┐рд░ рдХрдВрдкрд╛рдЗрдВрдб рд╡рд┐рдж рд╡реЙрд░реНрдирд┐рдВрдЧреНрд╕ рд╣реИ рдпрд╛рд░ рд╕реНрдЯреЗрдЯ рдЖрдкрдиреЗ рдмрдирд╛рдпрд╛ рдЙрд╕рдХреЛ рдпреВрдЬ рдирд╣реАя┐╜я┐╜
1:56
рдЪрд▓реЛ рдареАрдХ рд╣реИ, compile рд╣реЛ рдпрд╣ application, use selector рдореИрдВрдиреЗ рдХрд┐рдпрд╛, рдореИрдВ рдХрд╣ рд░рд╣рд╛ рд╣реВрдБ рдХрд┐ рднрд╛рдИ
2:00
рдЬреЛ рдореЗрд░рд╛ рдпрд╣рд╛рдБ рдкрд░ state рд╣реИ, рд╡реЛ рдЖрдирд╛ рдЪрд╛рд╣рд┐рдП, рдореЗрд░реА state рдХрд╛ рд╕рд┐рд░реНрдл amount рдореБрдЭреЗ рджреЗ рджреЛ
2:04
рдЕрдЧрд░ рдореЗрд░реА state рдХреЗ рдЕрдВрджрд░ 10, 15 рдФрд░ variables рд╣реИрдВ, рддреЛ рдореИрдВ рдЙрди variables рдХреЛ use рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ
2:10
рдорд╛рд▓реЛ snap bar рдореЗрдВ, рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рд╕реЗ рд▓рд┐рдЦ рд╕рдХрддрд╛ рд╣реВрдБ, amount is equal to, рддреЛ рдореИрдВрдиреЗ amount рдХреЛ рд╕рд┐рд░реНрдл pull рдХрд░ рд▓рд┐рдпрд╛
2:16
рдЕрдкрдиреЗ, рдЗрд╕ particular component рдореЗрдВ, use select rope рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рдХреЗ, рдареАрдХ рд╣реИ
2:21
рдЕрдм рдпрд╣ рдЬреЛ your balance рд╣реИ, рд╡реЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░, obviously рдореИрдВ рдЗрд╕рдХреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ
2:25
10,000 рдирд╣реАрдВ рд▓рд┐рдЦреВрдБрдЧрд╛ рднреА, рддреЛ рдореИрдВ рдпрд╣рд╛рдБ рдкрд░ рдЗрд╕рдХреЛ amount рдХрд░рдХреЗ рд▓реЗрдЧрд╛рдУрдВрдЧрд╛, рдареАрдХ рд╣реИ? рддреЛ рдпрд╣ рдХрд░рдиреЗ рд╕реЗ рдХреНрдпрд╛ рд╣реЛрдЧрд╛
2:31
рдХрд┐ рдЬреЛ amount рд╣реЛрдЧрд╛ рдореЗрд░рд╛, рд╡реЛ рдпрд╣рд╛рдБ рдкрд░ show рд╣реЛ рдЬрд╛рдПрдЧрд╛, рддреЛ рдореИрдВ рдЬрд▓реНрджреА рд╕реЗ рджрд┐рдЦрд╛рддрд╛ рд╣реВрдБ рдЖрдкрдХреЛ
2:35
рдпрд╣ рдФрд░ balance 0, рдЬреЛ рдореЗрд░рд╛ initial state рдерд╛, рдЬрд╣рд╛рдБ рдореИрдВрдиреЗ рдпрд╛рдж рд╣реИ рди, рд▓рд┐рдЦрд╛ рдерд╛ reducer рдХреЗ рдЕрдВрджрд░ state is equal to 0
2:40
рддреЛ рд╡реЛ state is equal to 0 рдпрд╣рд╛рдБ рдкрд░ рд╢реБрд░реВ рд╣реЛ рд░рд╣реА рд╣реИ рдареАрдХ рд╣реИ click plus minus amount change plus and minus buttons component
2:57
рдЕрдм рдЧрдпрд╛ app.js рдХреЗ рдЕрдВрджрд░ рд╣реИ рдирд╣реАрдВ app.js рдХреЗ рдЕрдВрджрд░ рд╣реИ рдмрд┐рдиреА shop рдХреЗ рдЕрдВрджрд░ рд╣реИ shop component рдЬреЛ рдореИрдВрдиреЗ рдордирд╛рдП рдЙрд╕рдХреЗ рдЕрдВрджрд░ рд╣я┐╜я┐╜
3:04
рдХреНрдпрд╛ рдореИрдВ shop component рд╕реЗ рдХреБрдЫ рдРрд╕рд╛ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдБ, рдЬрд┐рд╕рд╕реЗ рдХрд┐
3:09
рдЬреЛ рднреА рдореЗрд░рд╛, amount рд╣реИ, рд╡реЛ change рд╣реЛ рдЬрд╛рдП, рдФрд░ automatically reflect рднреА рд╣реЛ рдЬрд╛рдП рдпрд╣рд╛рдБ рдкрд░
3:15
рдпрд╣реА рд╣реИ Redux, рдпрд╣реА рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдЖрдиреЗ рд╡рд╛рд▓реЗ videos рдореЗрдВ, рддреЛ рдЖрдиреЗ рд╡рд╛рд▓реЗ videos рдореЗрдВ рд╣рдо рд▓реЛрдЧ рдХреНрдпрд╛ рдХрд░реЗрдВрдЧреЗ
3:20
рдХрд┐ рдЗрд╕рдХреЛ update рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, functions рдмрдирд╛рдПрдВрдЧреЗ, рдФрд░ рдпреЗ рджреЗрдЦреЗрдВрдЧреЗ рдХрд┐ рдпреЗ рдЬреЛ functions рд╣реИя┐╜я┐╜
3:26
рдпреЗ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ рдЬреЛ рд╣рдордиреЗ рдпрд╛рдкрд░ shankar do рд╡рд╛рд▓реА рдХрд╣рд╛рдиреА рдкрдбрд╝реА рдея┐╜я┐╜
3:30
action creators рдФрд░ reducer рдЗрди рджреЛрдиреЛрдВ рдХрд╛ use рдХрд░реЗрдВрдЧреЗ рддреЛ рдЕрдм рд╣рдореЗрдВ рдХреНрдпрд╛ рдХрд░рдирд╛ рд╣я┐╜я┐╜
3:34
рд╣рдорд╛рд░рд╛ store рддреИрдпрд╛рд░ рд╣реИ рд╣рдорд╛рд░рд╛ action creators рдЦрдбрд╝реЗ рд╣реБрдП рд╣рдорд╛рд░рд╛ shankar do рддреИрдпрд╛рд░ рд╣я┐╜я┐╜
3:38
рдпрд╛рдирд┐ рдХрд┐ reducer рд╣рдорд╛рд░рд╛ рддреИрдпрд╛рд░ рд╣реИ рдЕрдм рд╣рдореЗрдВ рдХрд░рдирд╛ рдХреНрдпрд╛ interlinking рдХрд░рдия┐╜я┐╜
3:41
рдЕрдкрдиреА application рдХреЛ рдЕрдкрдиреА application рдХреА state рдХреЛ use рдХреИрд╕реЗ рдХрд░рдирд╛ рдея┐╜я┐╜
3:45
рдпрд╣ рддреЛ рд╣рдордиреЗ рджреЗрдЦ рд▓рд┐рдпрд╛ рдареАрдХ рд╣реИ рдЕрдм рд╣рдореЗрдВ action creator рд╕я┐╜я┐╜
3:49
рдХреИрд╕реЗ action create рдХрд░рд╡рд╛ рдХреЗ рдХрд╛рдо рдХрд░рд╡рд╛рдирд╛ рдпрд╣ рд╣рдореЗрдВ рдЕрдм рджреЗрдЦрдирд╛ рд╣реИ рдЬреЛ рдХрд┐ рд╣рдо рдЖрдиреЗ рд╡рд╛рд▓я┐╜я┐╜
3:53
videos рдореЗрдВ рджреЗрдЦрдиреЗ рд╡рд╛рд▓реЗ рд╣реИ рдареАрдХ рд╣реИ I hope рдХреА рдЖрдкрдХреЛ рдордЬрд╝рд╛ рдЖ рд░рд╣рд╛ рд╣реИ рдпрд╛рд░ рдЕрднреА overall redux рдХреЛ рд╕реАрдЦрдиреЗ рдореЗя┐╜я┐╜
3:58
рдЕрдЧрд░ рдпреЗ playlist access рдирд╣реАрдВ рдХрд░реА рд╣реИ рдЕрднреА рддрдХ рдЖрдк рд▓реЛрдЧреЛрдВ рдиреЗ рддреЛ рдЗрд╕рдХреЛ рдЬрд╝рд░реВрд░ access рдХрд░реЗя┐╜я┐╜
4:02
рдФрд░ рдпрд╣рд╛рдБ рдкрд░ рдЖрдк bookmark рдХрд░реЗрдВ рдПрдХ рдФрд░ request рдЖрдк рд▓реЛрдЧреЛрдВ рд╕реЗ рдореИрдВ рдХрд░рдирд╛ рдЪрд╛рд╣реВрдБрдЧя┐╜я┐╜
4:06
рдХрд┐ рдЖрдк рдкрд╣рд▓реЗ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдЬрд╛рдХрд░ рдкреВрд░реЗ overall codes рдХрд╛ review рдЬрд░реВрд░ post рдХрд░реЗрдВрдЧреЗ рдХреИрд╕реЗ рд▓рдЧрд╛ рдЖя┐╜я┐╜
4:10
overwhelming overwhelming application
4:22
рддреЛ Redux рд╡рд╛рд▓рд╛ рдкрд╛рд░реНрдЯ рдпрд╛рд░ рдПрдХ рдмрд╛рд░ рдФрд░ рджреЗрдЦрдирд╛ рдкрдбрд╝реЗрдЧрд╛ рдЖрдк рд▓реЛрдЧреЛрдВ рдХреЛ рдФрд░ рдПрдХ рдПрдХ рдЪреАрдЬ рд╕рдордЭ рдирд╣реАрдВ рдкрдбрд╝реЗрдЧреА рдХрд┐ рдпрд╛рд░ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ Action Reducer рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ рдФрд░ рдЬрдм рдореИрдВ рдХрд╣ рд░рд╣рд╛ рд╣реВрдБ рдкреВрд░рд╛ рджреЗрдЦрдирд╛ рдкрдбрд╝реЗрдЧрд╛ рддреЛ рдореИрдВ Shankar 2 рд╡рд╛рд▓реЗ рдкрд╛рд░реНрдЯ рдХреА рднреА рдмрд╛рдд рдХрд░ рд░рд╣рд╛ рд╣реВрдБ рдареАрдХ рд╣реИ рддреЛ рдЬреЛ Introduction to
4:52
update рдХрд░реЛ рдпреВрдЬрд░ рдХрд╛ рдирд╛рдо рд▓рд┐рдЦ рджреЛ рд╡рд╣рд╛рдВ рдкрд░ рдЖрдк рдПрдХ рдФрд░ рд░рд┐рдбреНрдпреВрд╕рд░ рдмрдирд╛ рджреЛ рдЬреЛ рдХрд┐ рд▓реЗрдЯ рдЕрд╕реЗ рдЪреЗрдВрдЬ рдХрд░реЗрдЧрд╛ рд▓реЙрдЧ рдЗя┐╜я┐╜
4:59
рдЯрд╛рдЗрдк рдХреЛ рдХрд┐ рдЬреЛ рдмрдВрджрд╛ рд▓реЙрдЧ рджреЗрдирд╛ рд╡рд╣ рдХрд┐рд╕ рддрд░рд╣ рдХрд╛ рд▓реЙрдЧ рджреЗрди рдмрдВрджрд╛ рд╣реИ рдареАрдХ рд╣реИ рдпрд╛ рдлрд┐рд░ рдЖрдк рдХреНрдпрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реЛ рдХя┐╜я┐╜
5:06
dark theme, light theme рдЗрд╕рдХрд╛ рдПрдХ reducer рдмрдирд╛ рд╕рдХрддреЗ рд╣реЛ рдЬреЛ рдХя┐╜я┐╜
5:10
change рдХрд░реЗрдЧрд╛ theme рдХреЛ рдареАрдХ рд╣реИ color рд╡рдЧреЗрд░рд╛ рдХреЛ рддреЛ рд╡реЛ рд╡реЛ рдЪреАрдЬ рдЖрдк рдХрд░ рд╕рдХрддреЗ рд╣я┐╜я┐╜
5:15
рдХреБрдЫ рдЕрд▓рдЧ рдмрдирд╛рдУ рдФрд░ рд╡рд╣рд╛рдБ рд╕реЗ clear рд╣реЛрдЧрд╛ рдЖрдкрдХреЛ рдХрд┐рд╕ рддрд░рд╣ рд╕реЗ redux рдХя┐╜я┐╜
5:18
use рдХрд░рдирд╛ рд╣реИ so рдЕрднреА рдХреЗ рд▓рд┐рдП рдЗрд╕ рд╡реАрдбрд┐рдпреЛ рдореЗрдВ рдЗрддрдирд╛ рд╣реИ guys thank you so much guys for watching this
5:22
video and I will see you next time рдХрд░ рджя┐╜я┐╜