Topics Covered: 0:00 - What will we cover? 01:20 - The app: My Bucket List 03:14 - useState to implement bucket list 10:55 - The problem with useState hook 14:42 - The anatomy of useReducer hook 17:48 - Conceptualize useReducer(with diagram) 23:39 - useReducer to implement the bucket list 36:33 - Summary and Wrap Up
Sir I have completed your videos in 2 days kindly complete this series you don't know great your videos are you are such a brilliant teacher kindly complete this series please 🙏
Thank you so much for your clear explanation. I am kind of confused with the meaning of state which is very often mentioned here. Does state imply to use state or state of an html Element? Could you please clarify it.
Thanks Helen, glad you liked it. The state of a component means the private data that a component needs to get fully functional as it is expected. For example, if you have counter component, it must have a private data(variable) called counter to track the count.. so that's its state. I have covered it in one of the initial videos of the same series.
Hello Tapas, Thank you so much for your viedos, somehow landed to this channel and continued to play rest. Your teaching skills are really nice. If possible, please post viedoes on advanced javascript and weird part of javascript. Have one question.. In RTK, We have an option to write async actions using createAsync api and the subsequenct actions(pending, fulfilled, rejected) managed in extra reducers. But how can we write async actions and dispatch in useReducer?
Hello Tapas Da, thanks a lot for your detailed explanation. It was indeed helpful to learn React. Can you explain one thing; when shall we use .js or .jsx file? I'm not too clear on this point.
Thank you! Use jsx extension for the files where you write components. As components have JSX in it, better to use the jsx extension for them. Rest use the .is where JavaScript code exists. Hope it's clear?
Yes, very much! I saw in your previous videos that components were written in a .js file. I understand that both works but .jsx is better when components are written.
I use the GitHub theme(dark default) without any customizations. Here is the link to add it: marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
Topics Covered:
0:00 - What will we cover?
01:20 - The app: My Bucket List
03:14 - useState to implement bucket list
10:55 - The problem with useState hook
14:42 - The anatomy of useReducer hook
17:48 - Conceptualize useReducer(with diagram)
23:39 - useReducer to implement the bucket list
36:33 - Summary and Wrap Up
Sir please continue the series and also make videos on React-router-dom v6
Alright
Sir I have completed your videos in 2 days kindly complete this series you don't know great your videos are you are such a brilliant teacher kindly complete this series please 🙏
Sure
Very clear explanation. could you please post unit testing video as well?
Thank you! Yes, someday I want to. Also on TDD.
Thank you so much for your clear explanation. I am kind of confused with the meaning of state which is very often mentioned here. Does state imply to use state or state of an html Element? Could you please clarify it.
Thanks Helen, glad you liked it. The state of a component means the private data that a component needs to get fully functional as it is expected. For example, if you have counter component, it must have a private data(variable) called counter to track the count.. so that's its state.
I have covered it in one of the initial videos of the same series.
Hello Tapas, Thank you so much for your viedos, somehow landed to this channel and continued to play rest. Your teaching skills are really nice. If possible, please post viedoes on advanced javascript and weird part of javascript. Have one question.. In RTK, We have an option to write async actions using createAsync api and the subsequenct actions(pending, fulfilled, rejected) managed in extra reducers. But how can we write async actions and dispatch in useReducer?
Hello Tapas Da, thanks a lot for your detailed explanation. It was indeed helpful to learn React. Can you explain one thing; when shall we use .js or .jsx file? I'm not too clear on this point.
Thank you!
Use jsx extension for the files where you write components. As components have JSX in it, better to use the jsx extension for them. Rest use the .is where JavaScript code exists. Hope it's clear?
Yes, very much! I saw in your previous videos that components were written in a .js file. I understand that both works but .jsx is better when components are written.
Yes that the standard practice to use jsx for components.
Thank you so much!
i was early waiting for this thank you
Awee, thanks a lot. I hope you find it helpful.
which font are you using in vscode?
I use the GitHub theme(dark default) without any customizations. Here is the link to add it:
marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme
@@tapasadhikary thanks
@@tapasadhikary and nice video BTW. my components files are gettings cluttered especially in data table screens. This should help
Hello Tapas I'm curious what you say about the eventrix library. Please try it and let me know what do you think :)
Sure
@@tapasadhikary Thanks :) I hope someday you will record a video about it :)
Yeah hope so ✌️