reactjs

A collection of 3 posts
reactjs

React-Native Native Module In Practise

React-Native [https://facebook.github.io/react-native] 是Facebook 开发的一套移动端跨平台开发的框架,其脱胎于 ReactJS [https://facebook.github.io/react/] 。React-Native允许你使用JavaScript开发移动端的应用,相对于 PhoneGap [http://phonegap.com/] React-Native 确实带来了原生应用的性能,如果之前有写过ReactJS,用React-Native开发一个移动端应用是非常容易的。不过虽然React-Native社区一天天壮大,但是仍旧可能需要自己开发一些React-Native的原生模块。 什么是React-Native原生模块 React-Native 模块就是包含原生代码库的React-Native的模块(在Android 里是包含Java代码库,在iOS里是包含Objecive-C/Swift代码库),其工作原理是将原生代码库加载到React-Native的包管理器中,然后用JS通过React-Native的b
3 min read
introduce deku
react

introduce deku

deku [https://github.com/segmentio/deku] 是 segment.com [https://segment.com] 公司刚刚发布的开源前端框架,语法和工作原理都和 react [https://facebook.github.io/react/] 极为相像。但是也有很不多不同点,比如更轻量级,但是只支持现代浏览器, 取消了class的概念。 Components 在 React 中每一个component都是一个class,你可以这样 class Button extends React.Component { render() { let {type} = this.props return } } Button.propTypes = { type: React.PropTypes.
2 min read
frontend

小小bug

最近在写Reactjs,今天在写项目代码的过程中遇到了一个bug,记录一下. 由于项目的css修改,就去修改其中的一个React Component.然后奇怪的事情发生了,component里的Render方法被执行了两次。 代码如下 修改前 var Demo = React.createClass({ displayName: 'Demo', getInitialState: function () { return { values: [] }; }, handleAdd: function () { var values = this.state.values; values.push(''); this.setState({ values: values }); }, handleReduce: function (i, e) { this.setState({ values: this.state.values.filter(functio
2 min read