(文章目录)
一、前言
在学习一门新语言,搭建完新项目时,有必要了解下项目结构。
HelloWorld
|-- android
|-- ios
|-- node_modules
|-- package.json
|-- index.js
|-- img
|-- public
|-- scene
|-- libs
android
:Android原生工程目录;
ios
:IOS原生工程目录;
package.json
:React Native
是基于javasript
开发的语言,使用npm
做为包管理工具,这个文件就是npm
的包管理文件,主要配置项目依赖的第三方包;
index.js
:这个文件是IOS
和Android
在相应设备上打包运行的入口文件;(备注:早期React Native
项目应该是index.ios.js
和index.android.js
两个单独的入口文件)
img
:存放界面要显示的png
图片;
public
:存放工具js
,网络请求js的封装,数据存储js等相关操作的js;(备注:可以在public
中创建分类目录,public/net、public/datastorage
等)
scene
:存放项目的JS组件(界面);(备注:可以在scene目录下创建不同功能模块的目录,例如scene/draw,scene/user,scene/home
等二级三级目录)
二、优质博文
- 《ReactNative进阶(一):ReactNative学习资料汇总》
- 《ReactNative进阶(三):ReactNative项目启动原理介绍》
- 《ReactNative进阶(四):ReactNative原理剖析之JS 层渲染之 diff 算法》
- 《ReactNative进阶(五):ReactNative原理剖析之 Native层的渲染流程》