1
00:00:00,770 --> 00:00:05,120
There's one thing I want to mention really quickly, that's kind of a nice extra feature that we kind

2
00:00:05,120 --> 00:00:07,750
of got out of the box for free with the code we've written so far.

3
00:00:08,150 --> 00:00:13,610
You might have noticed that whenever I go to unpackaged dotcom react, I've said several times, oh,

4
00:00:13,610 --> 00:00:18,260
yeah, we actually get redirected to the main file inside this package, wherever it may may be.

5
00:00:18,890 --> 00:00:24,110
As a part of this redirect, we also get a version of react appended into the URL as well.

6
00:00:24,410 --> 00:00:27,560
So this will be the version of whatever package we are trying to get.

7
00:00:28,010 --> 00:00:33,590
It turns out that we can actually write in a package version that we want to retrieve off of on package

8
00:00:33,590 --> 00:00:34,040
dot com.

9
00:00:34,310 --> 00:00:35,300
So let me show you what I mean.

10
00:00:35,790 --> 00:00:41,210
I'm going to update this URL, and rather than trying to get version 17 zero one, I'm going to get

11
00:00:41,210 --> 00:00:43,760
version 16 zero zero.

12
00:00:44,720 --> 00:00:50,180
If I put that in, I'll then see the source code for react at version sixteen point zero point zero,

13
00:00:50,540 --> 00:00:51,470
the code looks the same.

14
00:00:51,500 --> 00:00:55,880
That's just because it did not change inside this file between version 16 and 17.

15
00:00:56,430 --> 00:00:58,970
But if I try to go into the 16.

16
00:01:01,250 --> 00:01:07,430
C.J. s react development dot james file.

17
00:01:08,450 --> 00:01:13,160
I'll then see the license up here at the very top very clearly says I'm looking at the contents of reactivation

18
00:01:13,160 --> 00:01:13,850
16.

19
00:01:14,660 --> 00:01:17,870
So the whole point here is that we had just this URL just a little bit.

20
00:01:17,990 --> 00:01:22,820
We can actually get different versions of all these different modules, which that's actually kind of

21
00:01:22,820 --> 00:01:26,370
nice thinking about what we are using our entire bundler for.

22
00:01:26,390 --> 00:01:31,070
Remember, we are building a documentation tool, so it might be really nice for users to say, hey,

23
00:01:31,070 --> 00:01:35,420
here's how version 16 of React works versus some other version.

24
00:01:35,750 --> 00:01:40,790
And that means that our tool could be used to show how some different versions of a library have changed

25
00:01:40,790 --> 00:01:42,080
over time and stuff like that.

26
00:01:43,330 --> 00:01:44,380
So why is this relevant?

27
00:01:44,770 --> 00:01:46,540
Well, if we go back over to our code editor.

28
00:01:47,730 --> 00:01:53,160
Inside of our plug and file, once again, I'm looking at Build OnLoad rather than trying to import,

29
00:01:53,160 --> 00:01:57,810
just react right here, which would naturally give us the latest version of react I'm going to put in

30
00:01:57,960 --> 00:02:02,040
at 16 zero zero and we put that in.

31
00:02:02,040 --> 00:02:05,640
We are now going to try to bundle in version 16 of react.

32
00:02:06,420 --> 00:02:08,880
If I save this, go back over.

33
00:02:09,830 --> 00:02:10,370
Simit.

34
00:02:11,240 --> 00:02:17,080
We now got all the source code for version 16 inside of our bundle, and I can do a search on here,

35
00:02:17,390 --> 00:02:19,310
search for 16 zero zero.

36
00:02:20,070 --> 00:02:24,470
And sure enough, I'm going to see I definitely got version 16 zero zero.

37
00:02:25,090 --> 00:02:26,740
So, again, just a nice little benefit.

38
00:02:26,780 --> 00:02:32,210
This means we can very easily allow users to use different versions of packages inside of our tool when

39
00:02:32,210 --> 00:02:34,410
we eventually put this entire documentation thing together.

40
00:02:35,180 --> 00:02:35,380
All right.

41
00:02:35,410 --> 00:02:38,900
I'm going to undo that version really quick because I don't really want version 16.

42
00:02:38,930 --> 00:02:40,250
It's just a very quick example.

43
00:02:41,060 --> 00:02:41,360
All right.

44
00:02:41,370 --> 00:02:43,600
So just a nice little thing I want to mention very quickly.

45
00:02:43,760 --> 00:02:45,890
Let's start adding some more features in just a moment.