1 00:00:01,110 --> 00:00:05,100 Option number one for implementing some trans piling into our application is to set up some kind of 2 00:00:05,100 --> 00:00:08,430 remote API where we will do that actual transitioning process. 3 00:00:08,950 --> 00:00:14,040 So let's now take a look at another application online and get some inspiration on another way to make 4 00:00:14,040 --> 00:00:16,219 use of Babille inside of your app for this. 5 00:00:16,230 --> 00:00:21,170 We're going to actually go to the homepage itself at Babille Jasco. 6 00:00:21,840 --> 00:00:26,700 So I'm going to again go over to my browser, navigate to Bable EO. 7 00:00:29,640 --> 00:00:34,920 And then once there, I'll find a link at the very top that says, try it out, I'm going to click on 8 00:00:34,920 --> 00:00:37,820 that and I'll be presented with two code editors. 9 00:00:38,550 --> 00:00:42,690 We're going to write in some code on the left hand side and we'll see the transpired result appear on 10 00:00:42,690 --> 00:00:43,590 the right hand side. 11 00:00:44,230 --> 00:00:45,960 So if I put in something like Consed AB. 12 00:00:47,770 --> 00:00:48,640 And a div. 13 00:00:50,690 --> 00:00:56,110 Some text in there, yep, there's the transpired result, but without a doubt, the gist once again 14 00:00:56,110 --> 00:00:56,940 has been removed. 15 00:00:57,610 --> 00:01:03,670 So let's again take a look at the network request tab and see how this Babul tool is doing the transpiring. 16 00:01:04,540 --> 00:01:06,100 I'll open up my network request tab. 17 00:01:07,200 --> 00:01:11,850 I'm going to make a very small change to this code, so I'll just change in the text inside that div. 18 00:01:13,900 --> 00:01:18,010 There's the updated text right there, but you'll notice that no request was made whatsoever. 19 00:01:18,550 --> 00:01:23,980 So I think that in this case, it is very clear that the Babille Jesse tool is not making any kind of 20 00:01:23,980 --> 00:01:26,820 request as a part of this transpiring process. 21 00:01:27,250 --> 00:01:32,740 So let me show you a diagram to help you understand what babble itself is doing on just this tool to 22 00:01:32,770 --> 00:01:35,230 kind of give you this little demonstration of transpiring. 23 00:01:36,960 --> 00:01:38,910 OK, so they're doing something closer to this. 24 00:01:39,420 --> 00:01:43,230 This is option number two for implementing transpiring inside of our application. 25 00:01:43,740 --> 00:01:48,780 So in option number two, we might have our REACT application and we might figure out some way to run 26 00:01:48,780 --> 00:01:51,270 Babul directly inside of our app. 27 00:01:51,720 --> 00:01:56,700 So we refer to this as an in browser transpire because we're running the transpire directly inside of 28 00:01:56,700 --> 00:01:59,450 the user's browser when we are running our book tool. 29 00:02:00,240 --> 00:02:05,790 So we would then take our code, throw it into that transpire and immediately get out some kind of transpired 30 00:02:05,790 --> 00:02:11,700 result, which in theory again would be safe to execute inside the user's browser is all that jazz and 31 00:02:11,700 --> 00:02:12,840 other stuff would be removed. 32 00:02:14,020 --> 00:02:17,920 So those are two primary options for implementing transpiring inside of. 33 00:02:18,610 --> 00:02:25,210 We can either set up some outside remote API backend that will do the transponding for us or we can 34 00:02:25,210 --> 00:02:27,880 somehow do the transpiring directly inside the browser. 35 00:02:28,890 --> 00:02:32,190 Now, I'm not going to say which approach is best for us just yet. 36 00:02:32,420 --> 00:02:37,500 I first want to examine some of the other big challenges that we have to solve inside of Iraq once we 37 00:02:37,500 --> 00:02:43,530 come up with some possible solutions to problem one and problem three, maybe one of these two solutions 38 00:02:43,710 --> 00:02:46,920 that we just took a look at will become more obvious or more favored. 39 00:02:47,730 --> 00:02:50,820 Now, we've seen these two possible solutions to problem number two. 40 00:02:51,150 --> 00:02:55,470 Let's take a quick pause and then take a look at some way that we can solve these other two big problems 41 00:02:55,560 --> 00:02:56,360 in just a moment.