打造ReactNative脚手架工程 — 认识RN

ReactNative是由Facebook开源的跨平台移动应用开发框架,支持iOS和Android两大平台,主张Learn once, write anywhere,提高多平台开发效率。使用JavaScript、JSX及CSS进行开发,提供接近原生的性能,拥有热更新、丰富插件等优势。
部署运行你感兴趣的模型镜像

关于 ReactNative

React Native(简称 RN)是 Facebook 于 2015 年 4 月开源的跨平台移动应用开发框架,是 Facebook 早先开源的 JS 框架 React 在原生移动应用平台的衍生产物,目前支持 IOS 和 Android 两大平台。React Native 主张"Learn once, write anywhere", 着力于提高多平台开发的开发效率。RN 使用 Javascript 语言,类似于 HTML 的 JSX 以及 CSS 来开发移动应用,因此对于 Web 前端人员能更快、更容易的投入移动应用的开发。

ReactNative 的优势

  • 跨平台,一套代码同时应用在 IOS 和 Android 平台,统一风格
  • 性能完败传统混合开发的 App(Hybrid App),无限接近原生
  • 对比原生开发更加灵活,对比 H5 体验更加高效
  • 热更新功能,使版本测试、发布、更新更加的快速
  • 多个版本迭代,拥有丰富的第三方开源插件
  • 采用 flex 布局能更快的搭建 UI,适应需求变更

ReactNative 的劣势

  • 对开发要求较高,光会 ReactNative 不懂原生知识也不行,很难找到双平台都会的高手
  • 性能问题,难以避免逻辑上的额外开销
  • 调试困难,打包 App 体积变大
  • 对 Android 兼容不够好,可能 Android 是后娘养的,IOS 才是亲儿子。

总结

虽然 RN 还存在许多问题,但是官方都还在不停的发布更新,我们要对它有信心,毕竟它还年轻 1.0 都没出来呢。

你可能感兴趣

我使用 RN 框架开发也挺久的,遇到了很多问题,踩过不少坑。期间,一直想搭建个脚手架工程,最近逐渐开始这项工作,同时为了更好的梳理知识,将工程的搭建过程记录下来。

仓库地址

  1. 初始化工程
  2. 目录结构
  3. 集成 Typescript
  4. 代码规范
  5. Jest 单元测试
  6. Detox 自动化测试

如有问题,欢迎大家指正!

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰(StepFun)与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量,支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是,它可以生成多种语言的歌曲,包括但不限于中文、英文、日文等19种语言

### 使用 React Native 脚手架创建项目的流程 #### 创建新项目 为了开始一个新的 React Native 应用程序,需先安装必要的全局依赖项 Expo CLI 或者 React Native 命令行接口 (CLI),这取决于所选的工作流。对于大多数开发者来说,推荐使用 Expo 来快速上手。 通过终端执行如下命令来设置新的应用程序: ```bash npx expo-cli init my-new-project ``` 这条指令会引导用户选择模板类型,比如空白应用或是带有导航功能的应用等[^2]。 #### 配置开发环境 确保本地机器已经按照官方文档完成了 Android 和 iOS 的开发环境配置工作。此过程涉及安装 Node.js、Watchman、JDK、Android Studio 以及 Xcode 等软件,并正确设置了 PATH 变量和其他必要参数。 #### 启动模拟器运行项目 一旦项目被成功初始化,在项目根目录下可以分别针对不同操作系统启动调试服务器和连接到物理设备或虚拟机上的模拟器/真机进行测试: - 对于安卓平台: ```bash npx expo start --android ``` - 对于苹果iOS平台: ```bash npx expo start --ios ``` 上述命令将会自动打开浏览器中的 Metro Bundler UI 并尝试加载对应的仿真器实例。 #### 文件结构概览 React Native 工程通常包含以下几个重要部分: - `App.js`:这是整个应用的入口文件,定义了顶层组件。 - `.expo` 和其他隐藏文件夹:用于保存构建过程中产生的临时数据。 - `node_modules`: 存储第三方库及其依赖关系。 - `package.json`: 描述包元信息及脚本命令集合[^1]。 #### 添加额外页面 如果想要向现有工程里增加更多视图,则可以根据具体需求采用不同的方法实现。例如利用 Yeoman 发布的 generator-bloc 扩展插件能够帮助自动化生成符合 BLoC 设计模式的新页面布局[^4]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值