ReactNative 项目文件结构介绍

一、前言

在学习一门新语言，搭建完新项目时，有必要了解下项目结构。

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层的渲染流程》