1
00:00:00,180 --> 00:00:07,830
Well, adding your access from the citizens file is definitely an option, we also can do it directly

2
00:00:08,100 --> 00:00:10,190
in the GAO ASX.

3
00:00:10,500 --> 00:00:17,670
Now, for my example, I will pick my hunting for just please keep in mind the same rules would apply

4
00:00:17,670 --> 00:00:24,900
for heading one or image or article or whatever a moment we are placing.

5
00:00:25,030 --> 00:00:32,070
Now, of course, I'm doing the air quotes right now around the moment, and of course it is a six on

6
00:00:32,070 --> 00:00:33,090
the way we do that.

7
00:00:33,090 --> 00:00:38,910
We need to add a style attribute on that particular element.

8
00:00:39,010 --> 00:00:39,420
So.

9
00:00:40,260 --> 00:00:47,370
I'm going to look for my ring for and then I'll type here style now in the following videos.

10
00:00:47,610 --> 00:00:51,540
We will take a look at what it actually means as far as the.

11
00:00:52,380 --> 00:01:01,740
But for now, just remember that if you would want to access JavaScript world in the joy of sex, you

12
00:01:01,740 --> 00:01:03,570
would need to set up here curly braces.

13
00:01:03,990 --> 00:01:06,450
Now, why am I setting up of these curly braces?

14
00:01:06,540 --> 00:01:14,580
Well, because in order to set up values for the style, the gotcha is that you need to have a JavaScript

15
00:01:14,580 --> 00:01:17,310
object, meaning object and learn.

16
00:01:17,340 --> 00:01:23,340
All the properties are going to be as a JavaScript powers like you would have in the object.

17
00:01:23,580 --> 00:01:31,320
And you'll see what exactly that means in a second, not why am I telling you all this is because once

18
00:01:31,320 --> 00:01:36,870
I'm in the JavaScript world here with these curly braces, of course, in order to create an object,

19
00:01:37,200 --> 00:01:41,900
I would need to set up another pair of curly braces and a lot of times for students.

20
00:01:41,940 --> 00:01:47,820
This is confusing where they think that this is somehow a special syntax.

21
00:01:48,150 --> 00:01:49,040
In fact, it's not.

22
00:01:49,320 --> 00:01:54,900
It only means that if I set up here these curly braces, I'm back in just one.

23
00:01:55,110 --> 00:01:59,070
So, for example, I can type whatever I would want as far as the JavaScript.

24
00:01:59,370 --> 00:02:03,490
Now, of course, that whatever in this case is just an object, OK?

25
00:02:03,720 --> 00:02:06,210
That's why we have these double curly braces.

26
00:02:06,360 --> 00:02:07,440
So we're the first ones.

27
00:02:07,590 --> 00:02:12,990
We go back to JavaScript world and of course, we will cover the other things that we can do as far

28
00:02:12,990 --> 00:02:15,030
as JavaScript in following videos.

29
00:02:15,240 --> 00:02:17,780
But for now, we only want object.

30
00:02:18,210 --> 00:02:21,210
So that's why we have another set of curly braces.

31
00:02:21,210 --> 00:02:25,040
So what we could do is, of course, set up the style.

32
00:02:25,050 --> 00:02:27,430
And like I said, this is JavaScript.

33
00:02:27,900 --> 00:02:34,050
Now, what that means is you cannot write property like this because you're setting up a JavaScript

34
00:02:34,050 --> 00:02:34,350
object.

35
00:02:34,710 --> 00:02:39,930
How that would look like, well, for example, if I go with color, it's somewhat straightforward.

36
00:02:40,200 --> 00:02:42,090
We're not is my property now.

37
00:02:42,300 --> 00:02:44,680
I don't need to capitalize it or anything like that.

38
00:02:44,970 --> 00:02:49,820
However, as far as my value, I cannot simply go with one RTM notice.

39
00:02:50,010 --> 00:02:54,580
It spreads back error because in JavaScript, of course, we have properties and then values.

40
00:02:54,960 --> 00:02:59,900
So in this case, all your values must be in quotation marks from here.

41
00:02:59,910 --> 00:03:03,600
If I go with hash tag and then six or seven.

42
00:03:04,900 --> 00:03:12,370
And then I'm going to go D nine eight, of course, I'll change the color of my heading for that, I

43
00:03:12,370 --> 00:03:18,070
would want to go with Fonz's and this is the case where I will have to capitalize because again, I

44
00:03:18,070 --> 00:03:20,430
cannot write font and then hyphen size.

45
00:03:20,560 --> 00:03:22,510
Now I have to go with font size.

46
00:03:22,660 --> 00:03:23,830
And again, the same thing.

47
00:03:23,830 --> 00:03:26,330
Values must be in quotation marks.

48
00:03:26,740 --> 00:03:32,770
So we go with zero point seventy five Akiyama's so a little bit smaller.

49
00:03:33,070 --> 00:03:36,000
And then also let's add a margin to the top.

50
00:03:36,520 --> 00:03:44,970
So we're going to go with margin and then Ganu set it out to be zero point twenty five Arias.

51
00:03:45,340 --> 00:03:49,030
So once we say notice how we nicely apply those styles.

52
00:03:49,370 --> 00:03:56,980
Now one thing we need to keep in mind though that when we add these styles of this way so directly in

53
00:03:56,980 --> 00:03:57,070
the.

54
00:03:58,090 --> 00:04:00,300
This is set up as in line.

55
00:04:00,730 --> 00:04:06,850
So what that means is that, of course, we know that when we set up something in line and notice this

56
00:04:06,850 --> 00:04:14,500
is what I'm talking about, then of course, if I'm targeting the same element from this excess from

57
00:04:14,500 --> 00:04:19,960
my index, just as in this example, of course, rolls, whatever I'm applying.

58
00:04:20,960 --> 00:04:22,470
Are not going to be added.

59
00:04:22,760 --> 00:04:23,180
Why?

60
00:04:23,390 --> 00:04:28,930
Well, because in success is more powerful than the one that's coming from the success.

61
00:04:29,330 --> 00:04:37,390
For example, if I were to go here and say book online, what I was using, I think heading for if I'll

62
00:04:37,400 --> 00:04:44,210
try to change the color so color to red, you'll see that that is not possible.

63
00:04:44,570 --> 00:04:45,340
That's not going to work.

64
00:04:45,350 --> 00:04:50,600
However, if it's a property that of course I haven't added, like, for example, letter spacing and

65
00:04:50,600 --> 00:04:54,060
I'll set it equal to five pixels and of course it will be applied.

66
00:04:54,350 --> 00:05:02,680
So what I'm trying to say is that be careful when you start adding these cases here in the Jena six,

67
00:05:02,930 --> 00:05:04,940
this will right away go in line.

68
00:05:04,940 --> 00:05:13,310
And once it goes in line, it is stronger than the cases that you're adding from your specific case

69
00:05:13,310 --> 00:05:13,610
file.

70
00:05:14,030 --> 00:05:15,860
Now, why am I telling you that?

71
00:05:15,860 --> 00:05:21,650
Because, of course, later, as you're progressing with the react, you will start using some libraries.

72
00:05:22,010 --> 00:05:28,720
And a lot of times in those libraries, there are some properties that are already added this way.

73
00:05:29,180 --> 00:05:35,180
So when you're targeting from us, it looks like you're not applying those properties.

74
00:05:35,180 --> 00:05:41,900
But always, always double check whether the library that you're using hasn't already added those types

75
00:05:41,930 --> 00:05:42,440
in line.

76
00:05:42,830 --> 00:05:46,920
And then, of course, you would just need to figure out how you can override that.

77
00:05:47,270 --> 00:05:52,990
OK, so that would be another way, how we can access and react.

78
00:05:53,300 --> 00:05:56,390
And that also underscores another point that I would want to make.

79
00:05:56,960 --> 00:06:02,580
One thing about react is there's always multiple ways how you can do the same thing.

80
00:06:02,870 --> 00:06:10,610
So my job is to show you what other options and then your job is to decide which route I'm going to

81
00:06:10,610 --> 00:06:10,880
take.

82
00:06:11,120 --> 00:06:18,680
And I would suggest a judging that on your experience and on your project, not on whatever the influencer

83
00:06:18,830 --> 00:06:24,080
is saying on Twitter, because at the end of that, you're going to be one working on a project.

84
00:06:24,560 --> 00:06:29,600
So my preference, of course, is at least setting up in the US now in general.

85
00:06:29,600 --> 00:06:34,130
My preference, of course, is using success in jazz, but that is my preference.

86
00:06:34,400 --> 00:06:36,590
That doesn't mean that it is some kind of rule.

87
00:06:36,890 --> 00:06:44,300
No, it is just my preference because I find it easier to work in the US and then just add classes if

88
00:06:44,300 --> 00:06:45,660
you prefer this type of way.

89
00:06:46,160 --> 00:06:50,440
There's nothing stopping you from applying your styles of this way.