useEffect react hook - React Interview Question
ฝัง
- เผยแพร่เมื่อ 9 ก.ย. 2024
- What is the use of useEffect hook ? why useEffect runs infinitely sometimes. How to use it properly? What is a dependency array?
🤯 Crash Courses (Single Video)
Git/Github Crash Course : bit.ly/3JSA5VT
TypeScript Crash Course : bit.ly/372dZSh
Angular Crash Course : bit.ly/3DoGJR1
Vue JS Crash Course : bit.ly/3uDujRl
Python Crash Course : bit.ly/3Dod7U2
React Router Crash Course : bit.ly/36YfO2i
🧑🏫 Full Course Playlists
HTML : bit.ly/36IMq0h
CSS : bit.ly/3LpRQw6
JavaScript : bit.ly/3u049tf
BootStrap : bit.ly/3NA9nDJ
ES 6 : bit.ly/3DvYCh6
DOM Playlist : bit.ly/35nMKB7
ReactJS (Redux & Hooks) : bit.ly/3iMethN
React with TypeScript : bit.ly/3fQjXtF
React Hooks: bit.ly/3Vmh7wV
Redux: bit.ly/3yAIIkl
NodeJS/ExpressJS : bit.ly/35nN6Yt
MongoDB / Mongoose : bit.ly/3qPj0EO
💻 Projects Playlists
MERN Stack Complete Ecommerce : bit.ly/3ymSs0E
Web Design HTML+CSS - Home Page : bit.ly/35nZiIB
Web Design BootStrap - E-Commerce Site : bit.ly/3iPhaz7
React/Redux/Firebase - Todo-App : bit.ly/3DnekL8
🕹 Mini Projects (Single Video)
React - Tic Tac Toe (Redux / Hooks) : bit.ly/3uzLEuy
React - Game of Flag Quiz (Hooks) : bit.ly/3LpTC0e
React - Google Translate Clone (Hooks) : bit.ly/3Lo9xvZ
React - Chat App using Firebase (Hooks) : bit.ly/3wLgymj
Visit our site: coderdost.com
🔴 Full Courses List : coderdost.com/...
🔴 Full Projects List : coderdost.com/...
💾 Source Codes at : github.com/cod...
![React Hooks in ONE Video 2022 [ EASIEST Explanation ] | React JS Tutorial](http://i.ytimg.com/vi/HnXPKtro4SM/mqdefault.jpg)
![[UNCUT] The Loyal Pin ปิ่นภักดิ์ EP.6 (1/4)](http://i.ytimg.com/vi/m05kZ2GDKXg/mqdefault.jpg)
React 2023 MasterClass : bit.ly/3I7MYN7
NODE+ EXPRESS+ MONGO MasterClass (12 Hour) : th-cam.com/video/ChVE-JbtYbM/w-d-xo.html
React Interviews : bit.ly/3QAjAln
JavaScript Shorts:
bit.ly/3XhHRQ1
React Shorts :
bit.ly/3VfIrMi
Your Javascript and ReactJS playlist is more informative and thank a lot for that and can you make video’s on css key topics
Sure. After Javascript and react.
You can comment some example of useful CSS properties
@@coderdost ok, i will do that
Keep making these kinds of useful and conceptual videos
Sir please make more video on others hooks.
You videos are informative sir I'm getting a lot.
Thanks. Sure I will make in coming weeks
@@coderdost Greatful sir.
Please make video on side effects in detail
Good work
also css masterclass in one video
Wow.. Just too good
please make html in one video
Good 👍
Good job UseCallback usememo aur memo useref Parr bhi video ho jaye
thanks very much
use react query for fetching data from API
Information nice
HI coderdost. which software you use to make these animations for tutorial vbideo?
I am quite confused about this. Let's say I want to print 'Hello, world' into the console, but it runs twice! I've read the documentation, and it appears to be due to React Strict Mode, which is not advisable to remove. How can I ensure that it prints only once while adhering to best practices?
Ah! I've also faced this couple of times, and the easiest fix is to use the React developer tools extension instead of the browser console or you can use 'unstable_batchedUpdates' from the react-dom package. The second method is not widely used though
@@soumyadyutinandy5119 I figured out and fixed that if we write optimized code, as well as its cleanup function, it will run as expected
Toh infinite loop ko kaise roke
Either by avoiding setting state in useEffect and set on some event OR by removing the dependency of state variable
Mere sath yhi ho raha or pata hi nhi chal raha kya karu bar bar re-render ho raha 🥲
it is a feature of React Strict Mode
😂😂😂 bhai ise or aasaan bhasha me samjhao
Are you from Pakistan
No bro
I want more bro
Working on more such shorts based on such comments
@@coderdost can u Make an admin panel for different user's data one user's data must not be visible to other user using firebase+react+redux please🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻
@@tit162-tiwarianurag2 Right now lots of shorts pending. We will come to long videos after that.
You can use firebase Rules to make such thing. Firebase rules prevent read and write of data from other users,and allow only read/write for logged in user.
If this is a personal project, you can try such thing.
If it is a company project. Admin panel for firebase are already ready made available, mostly people use those. Like JetAdmin. We tried making admin panel for firebase but it's a very long process, specially once data is more. Firebase is not good with sorting, pagination etc. It will become complex.