project-summary

前言

前端这个概念，是web端流行兴起的一个概念，起初，概念比较简单就是做网页的，切图 ，而今我认为，一切需要界面的应用都需要“前端”,app开发，桌面应用开发，小程序开发,网页开发，游戏开发，Unity3D开发，在我看来一个合格的前端工程师，应该是（UI设计师+产品+界面开发）囊括这三个方面，UI这方面的学习甚少，产品 现在才开始萌生意识，开发：如何去实现，这个目前的学习的重点。

前端作业

前端主要是干什么呢？一言蔽之：获取数据，渲染数据。但如何优雅的走完整个流程呢，这又需要一个极大技巧性。

前端项目工程化

前端发展至今，前端项目工程化越来越成熟，开发效率也越来越高，当今主流的框架有react,vue,angular ,我们只需选择其中一个框架就能构建一个现代化的application ，前端组件化的过程，更是提高了搬砖的效率，刀耕火种的时代已不复存在，现在说说这两年中RN构建现代化项目的过程,

TypeScript & React Native

TypeScript: js的超集，有完善的类型系统的一门静态强类型语言，以前不知道语言类型的好处，现在才深刻明白，编辑器提示是多么令人幸福的一件事情。

React Native: 构建iOS/Android app 的技术，如果业务不复杂，推荐用此，开发效率高

项目的目录结构

src
  components --组件目录
  screens   --- 页面目录
  values   --- 样式，一些常用值
  utils    ---- 工具目录如 网络请求，
  assets   --- 资源目录，图片。

组件化

提高代码的复用率和开发效率，组件化这对项目来说是必不可少的，那么什么是组件化呢？编程的思维理解就是一个可以复用的函数，你传进去一些值，经过系列的操作，可以返回你想要的东西，前端的组件化，在于界面，增加的hook之后，连逻辑都可以抽象出来，这个后续再说。先说界面，

项目中的配置

项目中的配置，零散 散落在各个文件，我们可以借助一些工具进行集中管理，在RN中，用react-native-config

交叉测试

如何编写代码

一般的流程如下：获取数据，整合数据，渲染数据，用户交互，整合数据，验证，提交

命名

命名，重中之中，一个好的命名，看着也舒心，当然最主要易于项目的维护。

1. 文件命名
   对于页面，一般为页面的标题，组件文件则取通用名字，特殊业务组件跟服务的页面相联系

2. 函数命名

具体行为,动作，如:push,change,go,apply, fetch,load ,init 尽量通俗易懂，不要语义不明。

ねがい