00:00
看啊来先把我们的这个项目给它打开吧,得是吧,来复制这个,诶复制这个目录,注意啊,复制下面的个文件夹。接着在web里面给他什么,是不是打开啊open。复制一下,哎,它是不是定位到了,嗯,接着OK this window。好,那现在打开我的项目呢,其实我这个项目是不是现在就已经可以运行了吧。能听到不来怎么运行呢。啊得。他现在第一次打开的时候需要去鉴定,所以所以需要一定的时间啊。嗯,等他跑啊,等他跑我们来说一说,那这个里面它是默认有些代码吧,但这个代码我们可以完全删掉,我们自己写可以吧,啊可以啊没关系。
01:01
干掉干掉以后要说一下,我们react创建标志下是不是有一个入口G来下名字不能随便瞎写吧,是叫一个固定的名字是吧?Index。那我们称它为什么呢?诶,这个是我们的work工具在帮你啊,问你要不要进行添加,也就它会自动的去执行一个命令,叫get a。这能听懂吧,啊,我们新建了一个文件吧,记住啊,其实它整不整都没关系,后面我们都会统一整一下的来啊,这一个是哪个文件,我们称它为什么。路口解S是吧,那它一个项目啊,我们的项目是不是至少应该有一个根组件,我们跟组件应用跟键一般叫什么名字,是不是叫1.gs么?应用跟组键一般叫什么名字p.GS,当你也可以写成GSX能听到不好这一个是什么,来写一下这个是啊应用的什么根组件。
02:12
能听到不啊,那下面就要说了一个组件怎么定义啊,我们说定义组件是不是两种编码的方式,两种语法,简单的组件用什么定义?函数对吧,那如果相对复杂组件呢?啊,用内定义是不是这个简单复杂,区别在哪?就是有没有状态听懂了吧?啊当然我们可以先用内定一下啊,来定一个内组叫什么力。啊in,也就是说这里面我们定义组件是不是要用到一些语法,其实你先写没关系啊,这都没关系,你写的时候自然需要一些东西,对不对,你要需要东西,你是不是就要知道引入了,当然你也可以先引入啊,这个没关系了,比如说这个是不是就应该是APP。
03:02
对吧,继承于好,这个继承的东西就是需要引用的东西了,是吧,我们是不是要必须要继承component是吧?那继承component我有吗?没有没有是不是就必须得去引入吧,那引入引入哪个呢。啊,从哪里入吧,对不?那得到的是什么呢?得到的是一个大写的什么react,这个地方要说一个事情啊,React我现在表面上用了吗?没有,但必须得一怒。听懂了吧,只要你去定义组件,你即使没有用也得引路。懂不懂啊,现在我是不是还需要component component是谁的东西呢?是这个react对象的一个属性。那我就可以这么一录。
04:03
看到了吧,啊,当然如果我不引入,我得怎么写?Re,点,那我就不引入也可以听懂不?当然我这么引入了也可以吧,OK吧,OK,好,而且我们的内组件须有一个函数,一个方法,叫什么re的,而这个render必须要返回一个什么东西,是不是要返回一个虚拟多对象,只是说我们用什么语法来去写虚拟多对象。是不是GSX的标签语法呀,来写一个什么div,这不就是一个用一个GSF语法,是不是创建了一个虚拟动象,最终生成的是不是一个真实的div标签对象,没问题啊,因为咱第一写间咱相当于把前面的东西了给大家过一下啊,这个没问题吧,没问题,好,那没问题之后下面在我的入口GS里面是不是要渲染ad标签了,那你引入点东西,我们也可以先引入,再写相关代码,能听懂不?如果你确定要引入什么,你就可以先引入。
05:14
没问题吧,没问题,来import react是必须得引入的。这个要注意啊,这一个是包名是小写,这一个引入的是大写,能不能看懂啊,要注意啊,还有谁要引入,要渲染,必须要引入什么,我告诉大家,写报名尽量提示补权,不是我基本上不会完全自己写。因为补全必然是对的。听懂了不也就说即使你这里面写一个大写的,你看啊。它有提示是不是,但是你这么写对吗?不对。能听懂吧,这个现在之所以变成条件,是因为我刚才按了一下它不提示了吗?选中那个我就按补全,补全了那个最终呢是要按下按键,这能听懂吧,啊就这样好来,这句话我们要干嘛去。
06:14
是不渲染APP,那我得把APP也跟他什么引入好这个地方说一说,引入自定义模块和引入第三方模块的区别,引入第三模块需要加点吗?引入自一模块呢?至少二个点是,至于是点还是点点,那就看那路径关系了。注意啊,自定模块一定要先加点,如果在跟当前同一个目录来点斜杠是吧,找谁。能看到,那现在我们干嘛去re点什么render render哪个标签,因为他标签体面,内容我写个自闭合的黑吧。
07:00
可不可以啊,这里加空格不加空格其实都可以啊,好,那渲染到哪个容器端里面去了。这时候看谁去看我们的页面是不是,哎,这里面的很多这种注释给他干掉啊,看着有点扎眼。啊,这个什么配出来也不用啊,就搞干净点,看着舒服一点,这都没什么影响。是不是拍那很简单的干嘛?记录是要找那个D标签呢,我要找到第是不是通过这种方法就可以找到吧,这什么。而这一个是干嘛啊,是将啊APP组件标签渲染到啊index页面的。D上对吧,啊页面的。这一个是不是找到那个div。
08:04
能看懂,嗯,这个应该是可以懂的。这写的是最最基本的代码,如果你不太清楚,就要尽量跟上,到时候自己多写一写啊行,那我们已经相当于把这个基本的是不是写了一个最最基本的,哎,我们可以来看一下当前刚才我们运行的,运行一下,这个运行需要用的时间啊跑一下。啊,没关系,我们来先再做点别的。好,来看一下,我们开始写代码之前,先会做一些事情,做些什么事了,去创建我们项目源码中的基本目录结构。也就是说我们在src下面是不是主要去写我们的代码,那代码不能都放在根目录下面嘛。得创建一点什么文件夹,是不是分别去存储,也就是说比如说举个例子啊,Pages和components,这有区别吗?
09:05
有区别,这一个components和page,大家看到pages里面我放的是路由主件,听懂了吧?而component也是主件,当然就发成什么非路由主件,这能区别开来不来,当然是不是还有别的啊,还有别的,比如说这个a papi什么东西是不是前后的交互接口相关的,这是不是发额加请求相关的代码。就放到这个里面吧。这能懂吗?当然,这些名字是决定的吗?不是,只是说这些名字比较常用而已,是不是?能听到不就好像说你定一个变量来乘出一个人,你是不是经常用破了。但一定要用破损吗?不一定,我用叉叉叉是不是也可以生出一个人?啊,只是说那个名字用的比较多,咱应该用那种常用的名字是不是好来这里面大家过一下第一个API,第二三关呢,第二个access access什么意思呢?资产资源一般用来放一些公用的资源,比如说公用的样式,公用的图片都可以放在里面,能听懂吧,好,Components非路由组件啊,Page路由组件,这componentig是我们到时候应用里面要有一些配置啊,要些配置好。
10:18
看到这个文件夹,你就想到有个东西叫工具模块,Us是经常代表工具的意思。啊,什么工具模块呢,比如说做日期格式化啊,或者说去数据存储啊等等,然后后面我们会写,当然先按照这个目录结构呢,给它创建出来啊,当然现在我们这个目录里面开始写代码吗?不写到后面需要的时候是不是才写啊来我们先建议一下。先想着我们能想到的,首先我们是不是要去肯定要定义组件嘛,那有两个文件夹。两个文件,一个叫什么,一般组件。Components别错了啊好,诶这个确认一下。
11:02
选一下好,下面还有什么。Pages对吧,没问题吧,好,没问题那。我们发请求用什么,是不是发请求是不是有一个啊,我这里面写了一个文件夹叫什么呢?API这个名字非常常用。当然有人用这个名字也行,对吧,也行,好来下面还有什么呢?啊,我们有一些工具模块放在哪个里面呢?U,诶有人也叫U都行,这不都不是绝对的,只是说哪个名字常用一些,对不对啊工具模块还有我们的公用资源放哪了,这里面access。叫资产资源的意思啊,是一些公用资源就放在这个里面。嗯,还有别的吗?我看下。是不是还有一个看会了啊,其实也就是说我现在不建这个文件行不行,可以等到我需要的时候,我是不是再去创建,是不是也没有任何问题啊,只是我们先来写一写啊,有个印象,其实还有一个原因就是因为刚才。
12:11
他好,有点时间,我不能浪费了。啊,能听懂吧,啊,那当然我就有意的,比如说我有意的那个咖啡,我先补页有没有任何问题吧?啊好,那现在啊,我们是不是已经把这个项目运行起来了,而且已经看到APP界面了,是不是,而且下一步一定要检查一下怎么检查。那有看这个东西。前面这个工具咱是不是装过,装过是不是能看到APP。哎,这就说明我们的环境肯定是没问题了。这没问题吧,啊没问题,而且大家看到我们现在改代码的时候,它是不是自动的重新编译打包了啊,只要我去改,大家看了看好了,比如说举个例子啊,我在这里面写一个它,但是要注意最好按一下CTRL加S。
13:05
虽然说我们的这个工具是自动保存的。但是你要不按CTRL键S,它的这个编译它会,嗯,是每隔一定时间它就会检查一下,每隔一定时间检查一下,那样不好听懂了吧,你按一下CTRL键S,相当于给他发了个命令说什么。保存说我保存了我的代码改了,你赶紧重新什么编译,你看到我只要改啊,改的时候你看他是不是有时候没发现了,怎么办。CTRL加什么S,看他是不是动了。它是这个提示是不是就说明它是不是重新定义打包了啊,而且来看一下是不是说明什么,是不是刷新了。能看到吧,嗯,那也就是说现在啊,他已经啊更新了界面能看到最新的效果啊,当然你有的时候啊,工具也不是他能保证100%肯定就对,有的时候吧,你要写了代码以后,没出现最新的效果,你适当的什么。
14:02
嗯,虽然也可以手动刷新一下也可以,是不是啊,如果没有出效果的话啊。这个能懂吗?能懂,那也就说现在啊,我们就去写一个最最简单的,最最基本的入口,JS以及我的APP,当然也创建了一些我们常用的一些文文件夹。文件目录啊。Okay。
我来说两句