WEBVTT 00:00.090 --> 00:01.590 Hello everyone and welcome back. 00:01.620 --> 00:05.580 In this lecture we're going to make a short but very important introduction to you. 00:05.610 --> 00:06.390 Yes. 00:06.390 --> 00:08.160 So what is viewed. 00:08.190 --> 00:15.690 Yes future yes is an open source javascript framework for building user interfaces reactive components 00:15.870 --> 00:18.570 and single page applications. 00:18.600 --> 00:25.440 It is called the Progressive framework because of its specific design that makes it easy to create both 00:25.440 --> 00:28.200 simple and complicated projects. 00:28.200 --> 00:36.510 It was released in 2014 by Evan Yu a former Google employee and each version 1.0 only by the end of 00:36.510 --> 00:44.280 2015 with their 2.0 released at the end of 2016 that made its popularity grow considerably despite its 00:44.280 --> 00:45.060 young age. 00:45.060 --> 00:50.640 The framework is in a short time been able to gain broad consensus and a wide adoption by companies 00:50.730 --> 00:52.800 and developers all over the world. 00:53.250 --> 00:59.970 Despite being developed by an independent team alike react in Angola for example it has become so popular 01:00.060 --> 01:04.230 that it is currently the most starred javascript framework on github. 01:04.230 --> 01:11.100 We can appreciate view's great power combined with its easy views community support excellent documentation 01:11.460 --> 01:18.160 and the progressive approach to development made possible by a large number of official support libraries. 01:18.300 --> 01:23.460 When talking about why they chose to call view a progressive framework ever you said something on the 01:23.460 --> 01:28.680 line of you would probably feel a bit guilty if you're using a framework like angular in a static page 01:28.830 --> 01:33.930 to just display a list of people but at the same time you would probably feel sorry trying to build 01:33.930 --> 01:34.890 an app like mail. 01:34.950 --> 01:41.520 We've only vanilla javascript and so this progressive approach to development provided by Voyager yes 01:41.880 --> 01:44.130 can be explained by looking at this graph. 01:44.220 --> 01:49.970 You can easily integrate refugees in an existing project for example using a CDM. 01:50.040 --> 01:56.160 You just have to place a link like you would normally do for example for Jake Whaley in your HDMI file 01:56.220 --> 02:02.580 to get access to future yes code components such as declarative rendering and a component system. 02:02.580 --> 02:08.340 Then if the requirements for your project increase you can start using views complementary official 02:08.370 --> 02:15.610 libraries to get for example client side routine lot of scale State Management Bill system and so on. 02:15.690 --> 02:22.260 The View ecosystem is formed by a series of complementary official projects which allow us to extend 02:22.260 --> 02:27.270 its capabilities far beyond debt court view lay year according to our needs. 02:27.360 --> 02:32.640 And so we got a few router which provides single page application or routine view access which provides 02:32.700 --> 02:40.620 large scale state management UCLA project scaffolding for a rapid development view low which is basically 02:40.650 --> 02:46.560 the view file loader for Werbach which allows us to use single file components in our projects. 02:46.600 --> 02:52.020 We've got a browser dev tool extension called The View dev tools and other projects such as view set 02:52.020 --> 02:54.090 of renderer view class Component. 02:54.090 --> 02:59.730 If you add access it is important to highlight one more time that these are all complimentary official 02:59.940 --> 03:04.000 projects and therefore because they are fought to be used a weave in future. 03:04.020 --> 03:09.510 Yes you can in fact think about them as different components of the same framework. 03:09.570 --> 03:14.340 So now that you've understood the frameworks philosophy and approach to development it is finally time 03:14.340 --> 03:16.790 to start writing practical examples. 03:16.810 --> 03:17.430 Let us quote.