Virtual DOM

1 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€60.91
List Price:  €87.02
You save:  €26.11
£52.90
List Price:  £75.58
You save:  £22.67
CA$97.36
List Price:  CA$139.10
You save:  CA$41.73
A$102.07
List Price:  A$145.82
You save:  A$43.75
S$90.28
List Price:  S$128.97
You save:  S$38.69
HK$548.32
List Price:  HK$783.35
You save:  HK$235.02
CHF 55.95
List Price:  CHF 79.93
You save:  CHF 23.98
NOK kr683.25
List Price:  NOK kr976.11
You save:  NOK kr292.86
DKK kr455.21
List Price:  DKK kr650.33
You save:  DKK kr195.11
NZ$122.34
List Price:  NZ$174.78
You save:  NZ$52.43
د.إ257.03
List Price:  د.إ367.21
You save:  د.إ110.17
৳8,587.58
List Price:  ৳12,268.49
You save:  ৳3,680.91
₹6,626.19
List Price:  ₹9,466.40
You save:  ₹2,840.20
RM281.91
List Price:  RM402.75
You save:  RM120.84
₦96,799.66
List Price:  ₦138,291.16
You save:  ₦41,491.50
₨19,533.24
List Price:  ₨27,905.82
You save:  ₨8,372.58
฿2,301.27
List Price:  ฿3,287.67
You save:  ฿986.40
₺3,112.44
List Price:  ₺4,446.54
You save:  ₺1,334.09
B$368.51
List Price:  B$526.46
You save:  B$157.95
R1,201.02
List Price:  R1,715.82
You save:  R514.79
Лв119.12
List Price:  Лв170.19
You save:  Лв51.06
₩106,137.85
List Price:  ₩151,632
You save:  ₩45,494.15
₪221.48
List Price:  ₪316.42
You save:  ₪94.93
₱4,252.27
List Price:  ₱6,074.94
You save:  ₱1,822.66
¥11,170.84
List Price:  ¥15,959.03
You save:  ¥4,788.18
MX$1,265.30
List Price:  MX$1,807.65
You save:  MX$542.35
QR255.18
List Price:  QR364.56
You save:  QR109.38
P965.01
List Price:  P1,378.64
You save:  P413.63
KSh9,088.20
List Price:  KSh12,983.70
You save:  KSh3,895.50
E£3,805.32
List Price:  E£5,436.40
You save:  E£1,631.08
ብር10,819.22
List Price:  ብር15,456.70
You save:  ብር4,637.47
Kz63,840.04
List Price:  Kz91,203.97
You save:  Kz27,363.93
CLP$64,688.25
List Price:  CLP$92,415.75
You save:  CLP$27,727.50
CN¥483.65
List Price:  CN¥690.97
You save:  CN¥207.31
RD$4,165.98
List Price:  RD$5,951.65
You save:  RD$1,785.67
DA9,324.20
List Price:  DA13,320.86
You save:  DA3,996.66
FJ$157.03
List Price:  FJ$224.34
You save:  FJ$67.31
Q535.67
List Price:  Q765.28
You save:  Q229.60
GY$14,651.02
List Price:  GY$20,930.93
You save:  GY$6,279.90
ISK kr8,748.05
List Price:  ISK kr12,497.75
You save:  ISK kr3,749.70
DH654.15
List Price:  DH934.54
You save:  DH280.39
L1,233.52
List Price:  L1,762.25
You save:  L528.73
ден3,754.26
List Price:  ден5,363.46
You save:  ден1,609.19
MOP$564.71
List Price:  MOP$806.76
You save:  MOP$242.05
N$1,201.83
List Price:  N$1,716.98
You save:  N$515.14
C$2,575.63
List Price:  C$3,679.63
You save:  C$1,104
रु10,613.70
List Price:  रु15,163.08
You save:  रु4,549.38
S/243.80
List Price:  S/348.30
You save:  S/104.50
K302.44
List Price:  K432.08
You save:  K129.63
SAR262.63
List Price:  SAR375.21
You save:  SAR112.57
ZK1,317.50
List Price:  ZK1,882.22
You save:  ZK564.72
L310.58
List Price:  L443.70
You save:  L133.12
Kč1,495.26
List Price:  Kč2,136.17
You save:  Kč640.91
Ft23,727.80
List Price:  Ft33,898.32
You save:  Ft10,170.51
SEK kr664.40
List Price:  SEK kr949.19
You save:  SEK kr284.78
ARS$96,970.30
List Price:  ARS$138,534.94
You save:  ARS$41,564.64
Bs485.40
List Price:  Bs693.46
You save:  Bs208.06
COP$257,622.14
List Price:  COP$368,047.40
You save:  COP$110,425.26
₡32,501.01
List Price:  ₡46,432.01
You save:  ₡13,930.99
L1,858.20
List Price:  L2,654.69
You save:  L796.48
₲457,588.06
List Price:  ₲653,725.25
You save:  ₲196,137.19
$U2,843.23
List Price:  $U4,061.93
You save:  $U1,218.70
zł261.25
List Price:  zł373.23
You save:  zł111.98
Already have an account? Log In

Transcript

Just before we go any further, I just want to talk a little bit about virtual DOM, it's going to be a very small lecture. So virtual DOM is kind of a technology or a concept that is used in view to manipulate the actual DOM. So Dom means Document Object Model, right? So what essentially this Dom means is that whatever you see on your screen is the DOM. So all the elements, the p tag, HTML, all these commands to the DOM. So view uses something called as virtual DOM.

So this concept is very much common. So another framework, which uses the virtual DOM is react. So Angular also has kind of a virtual DOM, but it's exactly not virtual DOM. It has its own implementation of it. So but keeping it aside, what is virtual Dom actually does is it's kind of a blueprint. So for example, imagine if you have a big box right?

And inside his box, you have smaller and smaller bricks, and you want to arrange all the bricks into a certain order. So to do that efficiently, you arrange the bricks only when they are not in order. So you will leave the bricks which are in order, and you'll just only move the brakes which are not in order. So this is something very similar that what works Dom does, it only updates the DOM on the parts, which is required. So it doesn't update the whole DOM, it kind of like updates it only when it is required, meaning when we are changing stuff on the DOM, the virtual Dom can be edited very, very quickly. Then later, during the rendering part, virtual Dom figures out what components or what parts of the actual Dom needs to be changed, then changes only that part.

So essentially making it a lot lightweight and efficient approach. So you don't need to worry that much about virtual DOM. This is something that happens in the background. And you takes care most of that. But the thing is that it's good to know that a thing like virtual Dom exists, and that's what controlling your DOM. Alright, before we go any further, these are the links.

So for the watsapp group, it's rebrand.li, slash MBK, WhatsApp, and for the GitHub repository with all the code will be hosted for each and every lecture. It's rebrand or device slash Amica. GitHub. So in the whatsapp group, you can text me and you can ask questions. So that's it. I'll see you the next one.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.