我们使用UI最基本的事就是用来展现数据。React使得展现数据变得简单,并且当数据改变时,React能自动保持UI的更新。 开始 创建一个简单的Demo: #index.html <!DOCTYPE html>…
分类:ReactJS
深入浅出Javascript:类型
Javascript 的类型 6种原型数据类型 js有6种原型数据类型( null,undefined,boolean,number,string,Symbol) null – 空 null只有null一个值,表示一个空…
使用redux改写的github-explorer
Introduction 刚学习了redux不久,恰好看到一个优秀的react项目github-explorer,该应用使用了RxJS去处理数据流,为了巩固学习便有了使用redux改写的想法。 源码地址DEMO地址 自定…
【转】理解CSS模块化
原文链接: https://www.sitepoint.com/und… 在瞬息万变的前端开发世界中,很难找到一个真正有意义的概念,并且将其清晰明了的向广大人民群众普及。 把目光投向CSS,一个重大转折就是C…
React从入门到精通系列之(6)事件处理
五、事件处理 使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异: React事件使用驼峰命名法,而不是全部小写命名。 使用JSX你传递一个函数作为事件处理程序,而不是一个字符串。 例如,…
react 实现pure render的时候,bind(this)隐患
pure render 我就不多说了,附上我另一片文章链接 react如何性能达到最大化(前传)不论你用不用immutable,只要你想达到pure render,下面值得你注意!!!一天我和往常一样,开开心心得写着re…
ReactNative导航设计与实现
原文地址 前言 关于reactnaitve的导航,官方提供了2个组件,NavigatorIOS和Navigator,其中官方并不推荐使用NavigatorIOS,它不是官方维护的,不能保证及时的更新和维护。 所以本文中是…
拥抱 JSX,它是一个伟大的尝试
原文: http://eyasweb.com/#/blog/detail/12 react 带来了新的语法,JSX。是一个看起来像XML的JavaScript语法扩展。 有些同学因为不喜欢或不习惯JSX语法,而拒绝学习R…
浅析React之事件系统(一)
大家周末好,2016年的最后几篇文章开始写到了React的一些东西,那么最近就来一些图表君对于React的简单总结和理解,那么今天就开始第一篇,说一说React的事件系统。 总览 简单来说React实现了一个Synthe…
watchify和browserify
当开始一个React项目的时候,首要的烦人问题就是,编译。似乎考虑到编译就得去学Grunt脚本,就得去写gulp。虽然会写gulp脚本,但仍然觉得这些事情很没必要也很耗时,而且这种脚本的特点是难以debug,相当费时。是…
使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用的学习过程(二)
前篇 使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用的学习过程(一) 这篇主要讲一下waterline的初始化,原文用的是mongoose 原文第十二步 一下子就到十二步了,因为原…
(React启蒙系列)学习React前需要理解的名词
学习React前需要理解的名词 这是React启蒙系列的第二篇,本篇内容比较简单,用于阐述React初学者容易迷惑的一些名词。如果大家对本系列感兴趣,欢迎在GitBook上订阅。 在正式开始讲解React的机制之前,先之…