what is render: render is what the html we are written that Dom take care of it and view it in browser. in react: render is Dom is Goin to take care by vDom if changes are happen in the jsx(html) its change the view(render), first it compair Dom and VDom tells Dom include this new updated tags. Sir it is correct or wrong?
imperative and declarative: imparetive: how to update the state. declarative: what the state should be. in React: declarative is preferred because code is more predictable, easy to debug, and optimize the performance.
i have a doubt near 23 min you have told that original DOM will forget everything and it repaints, minimal changes done using react dom thn what about the things which is not changed, does these previous structure comes from Browser and minimal changes performed on it ?????
this is required only once , we will give whole Components Tree ( N no of components ) developed by Virtual DOM to DOM , i will explain it in detail soon
react component: here components are 2 types functional and class components functional component: functional components are stateless components class component: it maintain it's own state if we have any changes here it will be reflect to imported components also reflect properties(props)------->functional component------>HTML(jsx) properties(props)----->Class component(state)----->HTML(jsx)
super sir i love your explaination of reconcilation algorithm and reconstruction of original dom
Thanks for teaching the imperative and declarative meaning i don't know the what is it but you made me a day
its make me to understand the how virtual dom updates the original dom thanks a lot
Completed sir
Understand
react is the Declarative UI library
what is render:
render is what the html we are written that Dom take care of it and view it in browser.
in react:
render is Dom is Goin to take care by vDom if changes are happen in the jsx(html) its change the view(render), first it compair Dom and VDom tells Dom include this new updated tags.
Sir it is correct or wrong?
imperative and declarative:
imparetive:
how to update the state.
declarative:
what the state should be.
in React:
declarative is preferred because code is more predictable, easy to debug, and optimize the performance.
please read this doc || nextjs.org/learn/react-foundations/updating-ui-with-javascript#imperative-vs-declarative-programming
React Is a popular declarative library that you can use build user interfaces.
i have a doubt near 23 min
you have told that original DOM will forget everything and it repaints, minimal changes done using react dom
thn what about the things which is not changed, does these previous structure comes from Browser and minimal changes performed on it ?????
read this doc react.dev/learn/render-and-commit
you will understand
&& i will explain soon in details
@@svgie2047 ok anna
ReactDOM.createRoot() ani only once matrame use cheyagalama. Nxt verevi add cheyalema
this is required only once , we will give whole Components Tree ( N no of components ) developed by Virtual DOM to DOM , i will explain it in detail soon
Understood sir
"the untheated solo" book
Bro mee class link?
you can find daily at || www.youtube.com/@svgie2047/community
react component:
here components are 2 types functional and class components
functional component:
functional components are stateless components
class component:
it maintain it's own state if we have any changes here it will be reflect to imported components also reflect
properties(props)------->functional component------>HTML(jsx)
properties(props)----->Class component(state)----->HTML(jsx)
now we can maintain state in function components also using HOOKS
I don't know hooks sir
@@svgie2047 16.7.0 updated lo manaki state anadi class lo lona kadhu functional component kuda use cheyochu hooks dwara.