React Native :React 起源于 Facebook 的内部项目,结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用.在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等. Native App是一种基于智能手机本地操作系统如iOS.Android.WP并使用原生程式编写运行的第三方应用程序,也叫本地app. react官网地址:https://faceboo…

本系列博文从 Shadow Widget 作者的视角,解释该框架的设计要点.本篇解释 Shadow Widget 中类 Vue 的控制指令,与指令式界面设计相关. 1. 指令式界面设计 Vue 与 Angular 都支持用控制指令描述界面,比如 Vue 中循环创建多个节点: <div v-for="(index, item) in items"> {{ index }} {{ item.message }} </div> Angular 也有类似 v-for,…

本系列博文从 Shadow Widget 作者的视角,解释该框架的设计要点.本篇讲解 Markdown 在 Shadow Widget 中的应用. Markdown 在 Shadow Widget 中的应用 Shadow Widget 中 Markdown 采用 John Gruber 的 Markdown 语法规则.由于 markdown 支持 <tag> 带标签的书写方式,我们就不必外寻特别的扩展方法,需要功能扩展的地方,都用 html 标签的形式解决. Shadow Widget 不只用…

Shadow Widget 提倡在可视设计器中开发用户界面,输出转义标签,而非 JSX.许多童鞋可能不知道 SW 同样支持用 JSX 设计界面,开发体验比原生 React 编程好出很多,本文就介绍这方面知识. 1. 被官方忽视的开发方法 Shadow Widget 区别于其它前端框架的关键特色是可视化设计,因为 JSX 与 javascript 混写,不能直接支持可视化设计.所以,SW 用 "转义标签" 表达可视设计的输出,因为 SW 强调可视化,所以如何运用 JSX 的内容,在官方文…

从网上翻阅了一些开发react-native的开发工具时,发现其实可选的工具还是比较多的Sublime Text,WebStrom,Atom+Nuclide,vs code 等.因为我用.net生态环境的ide比较多,所以当看到有vs code时,就毫无犹豫的选择了它作为react-native的开发工具. vs code是一个开源的,而且linux,windows,mac环境都可以支持,通过插件安装可以开发c#,java,php,js,html,css等. 本篇文章,就用来记录如何使用vs c…

本文整理了React Native iOS开发过程中有用的工具.服务.测试.库以及网站等. 工具 你可以选择不同的开发环境:DECO.EXPO或者你可以使用Nuclide+Atom,目前我使用EXPO XDE,不推荐使用DECO Snowflake.Pepperoni和Ignite是React Native iOS初学者的工具包 f8App主要提供了着手React Native开发的新手教程 React Developer Tools是一款Chrome Extension,可以检查React组件…

之前写RN的时候首选webstorm,这是之前做前端已经习惯的工具,其实RN开发官网推荐的是Nuclide工具, Nuclide是Fackbook专门为React开发IDE,今天也来尝试下,如果对webstorm感兴趣的可以看看之前的两篇介绍:点击打开链接和点击打开链接. Nuclide安装及配置 我们这里需要安装两个软件:Nuclide和atom,  Atom是一个开源版本的编辑器,有着非常强大以及完美的体验,Atom最大的特色就是可以安装很多的插件来完成我们的需求.   Nuclide项目官…

正文 概述:开发RN的工具有很多,选择性也比较多,比如Facebook专门为React开发的IDE:Nuclide,还有做前端比较熟悉的WebStorm.Sublime Text 3.VS Code等. 面对这些IDE我们应该怎么选择的呢? 不推荐的工具: Top1: Nuclide虽然是Facebook专门为React开发的,但依托于Atom的Nuclide真是慢的出奇,性能低到无法让人忍受. Top2: WebStorm这个工具对于我来说是非常熟悉的IDE从几年前开始开发NodeJs一来一直…

Gulp:是一个NodeJs项目构建工具,高效易学:把一个开发中的项目构建成一个可以部署在服务器上的项目,压缩 整合 gulp.task('1',['2','3'],function(){});// 执行完1,执行2和3 gulp.task('sass',function(){ gulp.src('./sass/**/*.scss') //读入文件内容 .pipe(sass().on('error',sass.logError)) //转换成css .pipe(gulp.dest('./css'…

1.VSCODE下载地址:先下载VSCode软件 2.代码提示功能: 打开 VSCode ,然后 按住键盘 command+p,然后在vscode上面输入框 输入: "ext install vscode-react-native",就可以在写React native代码获得代码提示功能了.…