React Native 开发即时预览与分享工具

截图

React Native 的社区发展以及在移动开发领域的火热,大大提高了我们学习和实践的热情,不过目前的开发调试模式依然是一边开着模拟器一边编码,模拟器开启「即时刷新」进行可视化调试。
最近 Expo 发布了一个开发时真机即时预览的工具:Expo Sketch。

http://blog.parryqiu.com/2017/03/17/react_native_expo_sketch/?utm_source=tuicool&utm_medium=referral

1. Expo Sketch 简介

在 JS 开发方面我们有 Codepen 和 JSFiddle 进行代码的测试与分享,我们可以直接贴我们的代码然后直接分享一个地址给其他人就可以进行即时的代码分享与演示。
不过 React Native 方面一直没有一个这样的工具,所以 Expo Sketch 就是这样的背景下产生的。
主要的功能点如下:

可以在 web 或者在手机上即时测试你的代码,手机预览直接扫描页面生成的二维码即可。
最酷的功能是,之后你在页面编辑器中的任何修改都是直接反馈到你的预览设备上,连保存都不需要点。
截图

截图

你可以直接拖拽 React Native 的控件到编码的页面中,大大省去了翻阅文档的过程。
截图

编辑器中还可以看到即时的调试日志。
截图

集成 ESLint 支持,错误一览无遗。
截图

当然,你可以非常方便地讲设计方案分享给其他朋友。

2. 工具地址

https://sketch.expo.io/

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值