1
00:00:01,280 --> 00:00:05,410
In the last section we went over these three differences between GSX and HMO.

2
00:00:05,430 --> 00:00:09,670
Now the Sigerson right here I was kind of not being super truthful with you.

3
00:00:09,690 --> 00:00:10,980
Let me be totally honest here.

4
00:00:11,130 --> 00:00:16,140
It turns out that there actually are a couple other differences but at the end of the day it's kind

5
00:00:16,140 --> 00:00:21,110
of challenging for any one person to sit down and list out all of the exact differences between GSX

6
00:00:21,150 --> 00:00:22,000
NHT male.

7
00:00:22,260 --> 00:00:26,550
So in this section I want to teach you how you can figure out some of the differences between these

8
00:00:26,550 --> 00:00:28,320
two on your own.

9
00:00:28,320 --> 00:00:33,240
Let me show you how I want you to flip back over to your react application inside the browser.

10
00:00:33,240 --> 00:00:36,120
Now at present it looks like everything is running just fine.

11
00:00:36,300 --> 00:00:38,950
We can see our content appear on the screen.

12
00:00:39,210 --> 00:00:42,560
However I want you to open up your browser con..

13
00:00:42,720 --> 00:00:47,670
You can do so by right clicking anywhere and clicking on inspect.

14
00:00:47,670 --> 00:00:51,990
You'll then see a window like this appear either on the bottom of the screen or the right hand side

15
00:00:53,010 --> 00:00:58,860
at the top of this panel find the cancel button when you click on that you're going to see a big red

16
00:00:58,950 --> 00:01:01,020
warning like the one I see right here.

17
00:01:01,350 --> 00:01:06,240
This is a warning coming from the re-act library and it says Invalid dumb property for.

18
00:01:06,270 --> 00:01:12,300
Did you mean email for like I said it turns out that there are a couple other differences between GSX

19
00:01:12,300 --> 00:01:14,240
and H.T. mail at the end of the day.

20
00:01:14,280 --> 00:01:17,470
Many of these differences will not crash your application.

21
00:01:17,490 --> 00:01:21,540
And so sometimes it's going to be a little challenging for you to detect when you've done something

22
00:01:21,540 --> 00:01:27,660
slightly wrong in order to detect when you've made a typo or referred to an invalid property you should

23
00:01:28,020 --> 00:01:33,420
traditionally leave your console open or at least reference it every now and then react is going to

24
00:01:33,420 --> 00:01:38,380
look at all the different properties you're passing to elements inside of your GSX blocks.

25
00:01:38,430 --> 00:01:43,260
And if it ever sees that you are passing in an invalid property it's going to show you a warning message

26
00:01:43,380 --> 00:01:45,510
like the one that you see right here.

27
00:01:45,540 --> 00:01:51,060
So this warning message is essentially telling us that our label right here has an attribute name of

28
00:01:51,060 --> 00:01:53,640
four and doesn't want to deal with that.

29
00:01:53,700 --> 00:01:59,380
It wants us to replace it with H T M L for the capital F like so.

30
00:01:59,670 --> 00:02:00,440
Why is that.

31
00:02:00,570 --> 00:02:06,720
Well it's a very similar reason to the class name when we put in for the fear was way back in the earlier

32
00:02:06,720 --> 00:02:13,220
days of re-act that some different browsers or some different tooling might incorrectly see this.

33
00:02:13,220 --> 00:02:19,990
For word right here an incorrectly interpreted as a traditional javascript for loop like so.

34
00:02:20,010 --> 00:02:25,650
So that was the fear as I said earlier not really an issue as you just saw a moment ago our application

35
00:02:25,650 --> 00:02:28,040
works in the browser just fine without error.

36
00:02:28,200 --> 00:02:31,750
Nonetheless the requirement is still encoded in the re-act library.

37
00:02:31,980 --> 00:02:38,750
So we have to replace it with H.T. mail for now if I do that I can save this flip back over and I'll

38
00:02:38,750 --> 00:02:41,530
see that that warning message just went away.

39
00:02:41,540 --> 00:02:46,910
So what's the lesson here lesson is in general as a web developer it's good practice to keep your counsel

40
00:02:46,910 --> 00:02:47,540
open.

41
00:02:47,690 --> 00:02:52,920
Anytime that you see a warning message from react like that something it says did you mean blank.

42
00:02:53,090 --> 00:02:58,670
Usually it's going to mean that you accidentally put together a invalid property name somewhere inside

43
00:02:58,670 --> 00:03:00,890
of your GSX OK.

44
00:03:00,920 --> 00:03:04,870
So with that lesson in mind let's take a quick pause here and continue in the next video.