1
00:00:00,630 --> 00:00:03,920
Yes, Bill is going to be the total linchpin of our entire application.

2
00:00:03,940 --> 00:00:06,150
That's what we're going to use for transparency and bundling.

3
00:00:06,450 --> 00:00:09,000
So we really need to have a good understanding of how it works.

4
00:00:09,350 --> 00:00:12,300
So to that end, we're going to build a very small mini application.

5
00:00:12,660 --> 00:00:16,050
We're going to make a very small react app that shows a text area.

6
00:00:16,540 --> 00:00:19,170
A user will be able to write in some code to this text area.

7
00:00:20,180 --> 00:00:25,520
Will then be able to click on Submit, will take that code trans pilot and eventually bundle it with

8
00:00:25,520 --> 00:00:30,050
its build and then show the result down here towards the bottom, the very simple and straightforward

9
00:00:30,050 --> 00:00:30,540
in nature.

10
00:00:31,190 --> 00:00:32,369
Let's get started on this app.

11
00:00:32,479 --> 00:00:35,900
Well, first, begin by generating a new react application.

12
00:00:36,750 --> 00:00:44,670
So back over at my terminal, I'll do an NPCs React app, I'm going to call this book and I'm going

13
00:00:44,670 --> 00:00:46,740
to give it a template of TypeScript.

14
00:00:48,210 --> 00:00:53,190
We will be using TypeScript throughout this entire application, if you're not familiar with it, remember,

15
00:00:53,220 --> 00:00:57,630
there is an appendix section towards the end of this entire course that will get you up to speed with

16
00:00:57,630 --> 00:00:58,770
TypeScript very quickly.

17
00:00:59,550 --> 00:01:02,660
I'm going to pause this video very quick and allow the installation to run through.

18
00:01:03,000 --> 00:01:05,970
Let's continue in just a moment and start writing out this demo EP.