iOS程序员的React Native开发工具集
sfbg6008
7年前
<p>本文整理了React Native iOS开发过程中有用的工具、服务、测试、库以及网站等。</p> <p>工具</p> <ul> <li> <p>你可以选择不同的开发环境： <a href="/misc/goto?guid=4958986148964749605" rel="nofollow,noindex">DECO</a> 、 <a href="/misc/goto?guid=4959746559705707325" rel="nofollow,noindex">EXPO</a> 或者你可以使用 <a href="/misc/goto?guid=4959729725042942288" rel="nofollow,noindex">Nuclide</a> + <a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=0ahUKEwj8gtac_uTSAhVK6SYKHa41CeQQFghCMAE&url=https%3A%2F%2Fatom.io%2F&usg=AFQjCNG9GpArx65u5sF0eKusBOg5u_9dtQ&sig2=Jf9aXQHQGZFTBlTdTOpGag" rel="nofollow,noindex">Atom</a> ,目前我使用EXPO XDE，不推荐使用DECO</p> </li> <li> <p><a href="/misc/goto?guid=4959669417643165102" rel="nofollow,noindex">Snowflake </a> 、 <a href="/misc/goto?guid=4959746559942743414" rel="nofollow,noindex">Pepperoni</a> 和 <a href="/misc/goto?guid=4959746560029665311" rel="nofollow,noindex">Ignite</a> 是React Native iOS初学者的工具包</p> </li> <li> <p><a href="/misc/goto?guid=4959670935995486083" rel="nofollow,noindex">f8App </a> 主要提供了着手React Native开发的新手教程</p> </li> <li> <p><a href="/misc/goto?guid=4958966584826053678" rel="nofollow,noindex">React Developer Tools </a> 是一款Chrome Extension，可以检查React组件层</p> </li> <li> <p>如果你需要本地playground，可以使用 <a href="/misc/goto?guid=4959746560171873945" rel="nofollow,noindex">React Native Storybook</a></p> </li> <li> <p><a href="/misc/goto?guid=4959746560258943243" rel="nofollow,noindex">CodePush </a> 是另一款节省时间的利器，基于云服务可以直接在用户设备上部署APP的更新</p> </li> <li> <p><a href="/misc/goto?guid=4959746560341388131" rel="nofollow,noindex">Npm desktop manager </a> 可轻松添加、移除以及更新全局和本地packages</p> </li> <li> <p><a href="/misc/goto?guid=4959010736570266920" rel="nofollow,noindex">Sentry </a> 是一个跨平台的崩溃报告和聚合工具</p> </li> <li> <p><a href="/misc/goto?guid=4958987271572863311" rel="nofollow,noindex">ESLint </a> 和 <a href="/misc/goto?guid=4959626513951674742" rel="nofollow,noindex">Flow</a> 可帮你编写高质量的正确代码</p> </li> <li> <p><a href="/misc/goto?guid=4959644626834331880" rel="nofollow,noindex">DevTools for Redux </a> 让你实时的监控Redux状态树的Store，有助于热重载和自定义UI</p> </li> </ul> <p>库</p> <ul> <li> <p><a href="/misc/goto?guid=4959746560546702860" rel="nofollow,noindex">React Native开发必不可少的跨平台UI组件库-NativeBase </a></p> </li> <li> <p><a href="/misc/goto?guid=4959746560628412209" rel="nofollow,noindex">A React Native Apple HealthKit--与Apple HealthKit数据交互的桥接模块儿 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959746560709399777" rel="nofollow,noindex">Styled Component让你在React或React-native组件里面编写css的库 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959746560797729562" rel="nofollow,noindex">React Color收集了来自Sketch, Photoshop, Chrome, Github, 推ter以及Material Design等处的颜色选择器 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959742518775276639" rel="nofollow,noindex">Native Navigation </a> 和 <a href="/misc/goto?guid=4958988228111569897" rel="nofollow,noindex">React Native Router Flux</a> 用于页面间的跳转</p> </li> <li> <p><a href="/misc/goto?guid=4959007486484251452" rel="nofollow,noindex">Axios用于Http Request </a></p> </li> <li> <p><a href="/misc/goto?guid=4959672803167376147" rel="nofollow,noindex">Redux状态管理库用来确保 state 变化的可预测性 </a></p> </li> </ul> <p>测试</p> <ul> <li> <p><a href="/misc/goto?guid=4958834376951638365" rel="nofollow,noindex">快速可靠的React Native测试库--Jest </a> </p> </li> </ul> <p>网站</p> <ul> <li> <p><a href="/misc/goto?guid=4959746561027417769" rel="nofollow,noindex">React.Rocks提供了大量优秀的ReactNative示例 </a></p> </li> <li> <p><a href="/misc/goto?guid=4958964526934019463" rel="nofollow,noindex">React Native github页面 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959746561136856281" rel="nofollow,noindex">Made with React收集了大量使用React Native技术的网站和应用程序 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959746561222104401" rel="nofollow,noindex">Start React可免费下载React.js主题和模板 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959746561317538172" rel="nofollow,noindex">ReactEx UI提供了大量的React Native组件 </a></p> </li> <li> <p><a href="/misc/goto?guid=4958866750382709283" rel="nofollow,noindex">我最喜欢的React Native网站 </a> </p> </li> <li> <p><a href="/misc/goto?guid=4959746561422621927" rel="nofollow,noindex">高质量的React Native Newsletter </a> </p> </li> <li> <p><a href="/misc/goto?guid=4958967434474803897" rel="nofollow,noindex">非死book React Native page页面 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959727980209019754" rel="nofollow,noindex">ReactNativeExpress --一份帮助开发者开始React Native学习的指南 </a></p> </li> </ul> <p>视频</p> <ul> <li> <p><a href="/misc/goto?guid=4959746561567135128" rel="nofollow,noindex">React Conf 2017 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959746561656054611" rel="nofollow,noindex">React Native Tutorial—Build Apps With React Native </a></p> </li> </ul> <p>服务</p> <ul> <li> <p><a href="/misc/goto?guid=4959746561739709586" rel="nofollow,noindex">SegmentIO’s Analytics SDK的React Native封装 </a></p> </li> <li> <p><a href="/misc/goto?guid=4959746561824157536" rel="nofollow,noindex">Intercom.io的React Native封装 </a> </p> </li> <li> <p>四款React Native beta版测试工具： <a href="/misc/goto?guid=4959716278837088350" rel="nofollow,noindex">Testfairy</a> 、 <a href="/misc/goto?guid=4959746561935446737" rel="nofollow,noindex">HockeyApp</a> 、 <a href="/misc/goto?guid=4959746562019355863" rel="nofollow,noindex">Buddybuild</a> 以及 <a href="/misc/goto?guid=4959746562108372134" rel="nofollow,noindex">Applivery</a> ，个人比较喜欢用Buddybuild</p> </li> </ul> <p> </p> <p>来自：http://www.cocoachina.com/ios/20170401/18996.html</p> <p> </p>