ReactJS Basics - #9 How does ReactJS update the DOM?

ReactJS Basics - #9 How does ReactJS update the DOM?

Academind

7 лет назад

133,283 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@preetamvarun9219
@preetamvarun9219 - 18.12.2023 22:01

Thank you

Ответить
@foodfairyshi
@foodfairyshi - 06.11.2023 21:56

Wow, I am glad that I found your video! very helpful. Thank you

Ответить
@deepakzaro
@deepakzaro - 26.05.2023 05:22

Why r u using a light theme

Ответить
@nguyentruong1812
@nguyentruong1812 - 24.11.2022 14:29

That paint-flashing is super useful for tracking how components render and rerenders. I think you should include this entire content into your course. So bad your React Course does not explain this.

Ответить
@kateilves
@kateilves - 20.11.2022 22:33

All good, but comparing Actual DOM and Virtual isn't correct. Operations of Virtual DOM go on TOP of DOM operations. So they work together and using Virtual DOM main goal isn't to make Actual DOM faster but one of the ways for declarative development. Tho there are other ways of not using Virtual DOM like in Angular or Svelte frameworks.

Ответить
@namanjindal3089
@namanjindal3089 - 26.07.2022 00:57

Paint flashing doesn't work proerply it shows same results for both react and normal application

Ответить
@akshayshinde2403
@akshayshinde2403 - 21.07.2022 17:20

Then what happens in plain javascript. Let's say we are not using react and writing in plain javascript and we make a dom change, then what happens in that case, does it rerenders the whole dom or only change the node which is changed like react?

Ответить
@AbhayYadav-jf4dl
@AbhayYadav-jf4dl - 16.07.2022 17:32

Is Virtual DOM part of Client Side Rendering? OR Virtual is different from Client Side Rendering?

Ответить
@alidavp
@alidavp - 09.12.2021 21:17

Is there an anual subscription for all Academind courses?

Ответить
@jefinagilbert5977
@jefinagilbert5977 - 02.11.2021 20:48

your channel logo and thumbnails looks similar to fireship. I often get confused

Ответить
@ogcontraband
@ogcontraband - 18.10.2021 17:18

Is there any rules, like only displayed state variables get updated? What about those props passed into children, those automatically cascade or you have to store them to state? I have a pretty complex app and there's 2 cases where it doesn't update ever. I'm trying to figure out why and maybe 1 reason is those state variables are only used in if statements. The other one has a passed-property that's put into a hidden field, maybe those don't cause a dom update. Just my first guesses but I wish I could find some kind of rules checklist. Some times I'm saving props to state just because I don't know if I need to or not

Ответить
@samskye
@samskye - 16.09.2021 12:03

Thank you!

Ответить
@gamingfan..3173
@gamingfan..3173 - 03.09.2021 12:12

Your doing great..thank you so much for the video

Ответить
@puneethj9920
@puneethj9920 - 24.08.2021 17:49

Nailed it✌

Ответить
@himachaliravi
@himachaliravi - 16.05.2021 13:48

nice

Ответить
@kashif.incredible-india
@kashif.incredible-india - 16.05.2021 09:41

Nicley explained...

Ответить
@techcraft5477
@techcraft5477 - 14.05.2021 11:57

Love💖

Ответить
@nikoman71326
@nikoman71326 - 18.02.2021 07:15

Thank you sir

Ответить
@yuriyhlushchenko8653
@yuriyhlushchenko8653 - 12.11.2020 00:44

Das Video unterscheidet sich von den ähnlichen durch die gut strukturierte Erlärungslogik, die leicht zu verfolgen ist. Man kann sich nur vorstellen, wieviel Zeit und Kraft investiert wurde, um so einen hervorragenden Kurs zu schaffen. Herzlichen Dank dafür! Bitte nur so weitermachen! Liebe Grüße aus der Ukraine.

Ответить
@kumarashish2607
@kumarashish2607 - 29.10.2020 23:15

quick and to the point

Ответить
@LilyEvans1996
@LilyEvans1996 - 04.08.2020 20:56

Great explanation!

Ответить
@pdteach
@pdteach - 03.08.2020 11:35

Nice explanation 👍

Ответить
@gautamnath7458
@gautamnath7458 - 17.07.2020 16:27

I was really struggling till now, You explain the things in a very simple manner. 💛💛

Ответить
@KarnafZone
@KarnafZone - 28.04.2020 01:42

Thank you for this video!

Ответить
@AlphyGacheru
@AlphyGacheru - 18.03.2020 23:14

Wow, finally I understand the concept

Ответить
@dominikabieder7477
@dominikabieder7477 - 13.03.2020 15:58

great tutorials, everything nicely explained, but please Max make sure you pronounce things properly, it drives me mad when I hear 'Wirtual Dom' not 'Virtual Dom' and I can't focus on the great content...

Ответить
@kaiblokhin3845
@kaiblokhin3845 - 27.02.2020 10:14

Can I use setInterval without using useEffect? I tried but seems like it create infinity loop. I want to start counting from 10 to 0 when button clicked

Ответить
@hitanshimehta430
@hitanshimehta430 - 16.11.2019 22:13

Thank you so much for video.

Ответить
@MichaelStavropulos
@MichaelStavropulos - 16.10.2019 22:17

Nice explanation, does angular works the same way with the DOM?

Ответить
@saurabhsuman4960
@saurabhsuman4960 - 06.08.2019 16:37

Finally understood the difference between normal and React DOM rendering. Good example.

Ответить
@manchusurya
@manchusurya - 06.06.2019 15:07

very important to understand why reactjs is so fast. Thanks for the video max.

Ответить
@estengrove3350
@estengrove3350 - 31.03.2019 00:03

Holy cow that "Paint Flashing" feature is sooooo useful. Wish I would have known about that before. Thank you, thank you, thank you

Ответить
@provatsikdarcocthmax3734
@provatsikdarcocthmax3734 - 06.02.2019 23:57

Awesome explanation.

Ответить
@anmolsharma5686
@anmolsharma5686 - 02.02.2019 16:23

Nice explanation.

Ответить
@ravisingh-sk8ry
@ravisingh-sk8ry - 26.01.2019 19:37

you are awesome MAX :)

Ответить
@subbuvenkat9229
@subbuvenkat9229 - 09.12.2018 14:50

Hi Max
Which IDE did you used in this reactjs tutorials?

Ответить
@rashid9445
@rashid9445 - 25.11.2018 19:46

Thank you for all the courses. You're doing a great service towards the dev community.

Ответить
@jasondark3758
@jasondark3758 - 05.10.2018 00:25

any way you could do this with a form? say i had a form and wanted to change the state of a <p> with the input from the user. any suggestions?

Ответить
@krishnayagna5098
@krishnayagna5098 - 15.08.2018 21:31

Thanq very much bro.. u made my future with React

Ответить
@taghreedkarteesh4621
@taghreedkarteesh4621 - 14.08.2018 16:27

amazing ,amazing ,amazing

Ответить
@alokranjan476
@alokranjan476 - 05.08.2018 13:51

I have one doubt here regarding virtual dom rendering. I tried using paint flashing using JS and AngularJS , but in both case it was painting only the changed item not the whole DOM. So how react Virtual DOM is different from others?

Ответить
@anupammaurya4879
@anupammaurya4879 - 29.07.2018 19:02

rendering setting is that extension or what? But was really cool stuff! can we know what exactly it is?

Ответить
@shital_randhale
@shital_randhale - 15.07.2018 22:15

Nice videos, Its helpful for learning react js. Thank you, Max !

Ответить
@samgegee7996
@samgegee7996 - 13.05.2018 21:25

0 dislikes. Completely understandable why. Thanks

Ответить
@michajankowski3615
@michajankowski3615 - 15.03.2018 22:07

Very, very good explanation!

Ответить
@fadesa121
@fadesa121 - 14.03.2018 17:07

you are the best can we add , jQuery inside the react component ?

Ответить
@johnathanosorno5629
@johnathanosorno5629 - 08.03.2018 00:15

Just realized about flash painting existence, really cool by the way. And what an amazing work you have done with this ReactJs video series, keep up the good work.

Ответить
@catherinecordova512
@catherinecordova512 - 08.02.2018 00:46

Wonderful tutorial on React! Keep up the good work sir.

Ответить
@petrptacek4036
@petrptacek4036 - 02.02.2018 15:52

Awesome, nice explain. Continue with this. ;)

Ответить
@asmaashfaq8881
@asmaashfaq8881 - 15.01.2018 22:40

A teacher can make the student hate the subject or can make them fall in love with it. I am loving React! You are a great teacher

Ответить