前言 这是 React 系列教程的第一篇,我们将用 React 实现 Animate.css 官网的效果.对于 Animate.css 官网效果是一个非常简单的例子,原代码使用 jQuery 编写,就是添加类与删除类的操作.这对于学习 React 来说是一个非常典型且简单的示例.但是我并不会在教程中介绍相关的前置知识,比如 JSX.ES6 等,对于小白来说还是会有一些困惑的地方,所以可能还要了解一下 React 相关的基础知识.虽然 React 有很多值得深究的知识,但这个系列教程主要以浅显易懂…

这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo. 前置要求: 基本的CSS,JS要熟练. 部分ES6语法需要了解.可以参考下面提到的阮一峰老师的<ECMAScript 6 入门>和MDN文档. 目前已经完成的内容: react系列(零)安装 react系列(一)JSX语法.组件概念.生命周期介绍 react系列(二)高阶组件-HOC react系列(三)组件间通信 react系列(四)Redux的概念和使用 react系列(五)在Rea…

简介 最早接触兰顿蚂蚁是在做参数化的时候,那时候只感觉好奇,以为是很复杂的东西.因无意中看到生命游戏的 React 实现,所以希望通过兰顿蚂蚁的例子再学习一下 React. 兰顿蚂蚁的规则非常简单: 如果蚂蚁位于白色方块,则向右旋转 90°,反转方块的颜色,然后向前移动一步. 如果蚂蚁位于黑色方块,则向左旋转 90°,反转方块的颜色,然后向前移动一步. 如下图所示: 蚂蚁在前一百步有一定规律,之后陷入混沌,直到一万步之后将走出混沌形成一条高速公路. 兰顿蚂蚁和生命游戏都是元胞自动机的一种,关于兰…

英文版:https://reactjs.org/docs/create-a-new-react-app.html 中文版:https://doc.react-china.org/docs/hello-world.html NodeJS:https://nodejs.org/en/ 使用参考教程:https://ant.design/components/input-cn/ 阮一峰博客:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_pa…

版权声明:本文为博主原创文章,未经博主允许不得转载. PS:转载请注明出处作者:TigerChain地址:http://www.jianshu.com/p/fa81cebac3ef本文出自TigerChain简书 React系列教程 1.React之props属性 我们想要在组件之间进行传值,那么props属性就起到了这个作用,在React中props和state是两个非常非常非常重要的属性一定要掌握这两个.(以下都是使用ES5的写法,没有特殊说明的都是使用ES5写法) Note:属性是用于设置…

http://blog.csdn.net/xiaominghimi/article/details/51586492 一用到跨平台的引擎必然要有引擎与各平台原生进行交互通信的需要.那么Himi先讲解React Native与iOS之间的通信交互. 本篇主要分为两部分讲解:(关于其中讲解的OC语法等不介绍,不懂的请自行学习) 1. React Native 访问iOS 2. iOS访问React Native     一:React Native 访问iOS 1. 我们想要JS调用OC函数,就要实…

React Native实战系列教程之自定义原生UI组件和VideoView视频播放器开发   2016/09/23 |  React Native技术文章 |  Sky丶清|  4 条评论 |  11232 views   尊重版权,未经授权不得转载 本文来自:画虎烂的专栏(http://blog.csdn.net/it_talk/article/details/52638456) (一)原生UI组件之VideoView视频播放器开发 React Native并没有给我们提供VideoView…

今天我们要讲的是angular2系列教程的第一篇,主要是学习angular2的运行,以及感受angular2的components以及模板语法. 例子 这个例子非常简单,是个双向数据绑定.我使用了官网上最简单的方法来启动这个程序,并且去除cdn使用本地加载,保证长期可以运行(因为文件都在本地,我们不用担心版本更新的问题.) 源代码 运行方法: 全局安装http-server npm install -g http-server 在根目录(hellowold)运行服务 http-server 根据…

这是关于 JavaScript 框架 Vue.js 五个教程的第二部分.在这一部分,我们将学习组件,Props 以及 Slots.这不是一个完整的指南,而是基础知识的概述,所以你可以了解Vue.js 以及它的用途. Article Series: 渲染, 指令, 事件 组件, Props, Slots (你在这!) Vue-cli (耐心等待!) Vuex (耐心等待!) 动画 (耐心等待!) 组件和传递数据 如果你熟悉 React 或者 Angular2,组件思想和传递状态对你并不陌生.如果不…

原文:intro-to-vue-3-vue-cli-lifecycle-hooks 译者:nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分.在这一部分,我们将学习 Vue-cli ,还会涉及真实的开发流程.这不是一个完整的指南,而是基础知识的概述,所以你可以了解 Vue.js 以及它的用途. 系列文章: 渲染, 指令, 事件 组件, Props, Slots Vue-cli (你在这!) Vuex (耐心等待!) 动画 (耐心等待!) Vue-cli 和构建过程 如…