React作为目前最流行的前端框架,其受欢迎程度不容小觑,从这门框架上我们可以学到许多其他前端框架所缺失的东西,也是其创新性所在的地方,比如虚拟DOM、JSX等。那么接下来我们就来学习一下这门框架是如何构建起一个单页应用的。 前言 首先在学习这门框架前,你需要对以下知识有所了解: 原生JS基础 CS ...
分类:
其他好文 时间:
2016-06-13 11:18:41
阅读次数:
193
这段时间学习了react.js,在此做个总结。 react.js在优势上我认为是两个大点,第一是性能,作者从dom操作实际出发,通过虚拟dom(这里虚拟dom实际上是以jsx格式的语法来预先构建dom结构再通过浏览器或者服务器端渲染成html dom元素)实现的。react注意到影响页面性能很大程度 ...
分类:
其他好文 时间:
2016-06-12 13:57:38
阅读次数:
104
准备
1、全局安装webpack:npm install webpack -g
1、添加webpack包:npm install webpack --save-dev
安装Webpack
配置Webpack
Webpack使得我们可以使用Node.js的CommonJS规范来编写模块
一、webpack.config.js基本配置项
1、webpack.config.js文件中需要定...
分类:
Web程序 时间:
2016-06-12 00:26:22
阅读次数:
210
在开启JSX的学习旅程前,我们先了解一下React的基本原理。React本质上是一个"状态机",它只关心两件事:更新DOM和响应事件,React不处理Ajax、路由和数据存储,也不规定数据组织的方式。它不是一个MVC的框架,只是MVC里的"V"。 在每次状态改变时,使用JavaScript重新渲染整 ...
分类:
Web程序 时间:
2016-06-11 13:14:12
阅读次数:
424
本教程的实现效果如下: 为了实现其淡入/淡出的覆盖效果, 还有取消按钮, 在此用了一个三方的组件, 大家可以先安装一下: 三方组件的地址:https://github.com/eyaleizenberg/react-native-custom-action-sheet (可以看看,也可以直接按我的步 ...
分类:
其他好文 时间:
2016-06-09 19:46:02
阅读次数:
298
欢迎指导与讨论 : ) 前言 本文主要是笔者在React英文官网学习时整理的笔记。由于笔者水平有限,如有错误恳请指出 O(∩_∩)O 一 、Tutoial 篇 1 . React的组件类名的首字母必须是大写 var Comment = React.creatClass({..}) class Com ...
分类:
其他好文 时间:
2016-06-08 23:09:35
阅读次数:
788
最近新换了mac,我换mac并非自愿。无论mac的性能有多好,我依然讨厌使用appstore下载软件的感觉,尤其在我一遍又一遍忘记自己的appID的时候。无奈我的thinkpad常常死机,最近又常倒腾react,在windows环境下编译真是要累死宝宝只能换了mac。 换了mac之后的第一件事,开机 ...
分类:
系统相关 时间:
2016-06-08 17:07:58
阅读次数:
247
《一》、使用gulp构建React应用一、React项目结构.gulpfile.js
./src
.index.html
/js
.App.js
.Child.js
.Parent.js二、代码
index.html 和 js目录下的三个jsx文件如下//index.html
...
分类:
其他好文 时间:
2016-06-08 06:56:27
阅读次数:
281
谈移动应用的跨平台开发不能不提HTML5,PhoneGap和Sencha等平台一直致力于使用HTML5技术来开发跨平台的移动应用,现在看来这个方向基本算是失败的,基于HTML5的移动应用在用户体验上与原生应用仍然存在着明显的差距。 与上述HTML5平台不同,Xamarin和React Native通 ...
分类:
移动开发 时间:
2016-06-08 00:03:43
阅读次数:
235
本站文章均为李华明Himi原创,转载务必在明显处注明:转载自【黑米GameDev街区】原文链接:http://www.himigame.com/react-native/2346.html本篇Himi来利用ListView和TextInput这两种组件实现对话、聊天框。首先需要准备的有几点:(组件的学习就不赘述了,简单且官方有文档)1...
分类:
其他好文 时间:
2016-06-07 22:27:05
阅读次数:
434