前端技术日新月异，从研究jquery api之后，后面很少关注前端技术了。 最近研究了ant-design，它是基于react搭建的组件库，弄了两个demo， 第一个是根据官网开发流程弄的，基于淘宝成熟的前端开发流程 第二个是编译官网的源码，直接浏览器暴力使用的，本来再像多加几个例子，可是ant-design官网晚上就瘫了 上传一下两个demo rar，打开就可以直接运行，添加多个例子之后，再
原文链接：http://www.ruanyifeng.com/blog/2015/03/react.html 下面要讲解的12个例子在各个 Demo 子目录，每个目录都有一个 index.html 文件，在浏览器打开这个文件（大多数情况下双击即可），就能立刻看到效果。 demo下载地址：https://github.com/ruanyf/react-demos 需要说明的是，React 可以在浏览
最近今天一直听同学说webpack，react等js，都是现在比较火的js，所以就做了一个小简单的小demo 首先需要安装node.js,因为需要用的npm 生成package.json （package.json文件描述了一个NPM包的所有相关信息，包括作者、简介、包依赖、构建等信息） $npm init //按提示生成package.json package.json {
"name":
官方给我们提供了UIExplorer项目，这里边包含React Native的基本所有组件的使用介绍和方法。 运行官方DEMO步骤如下 安装react native环境 React Native项目源码下载 下载安装cygwin软件 下载安装NDK然后安装以及配置 添加Node依赖模块:该命令行需要切到react-native项目中,主要运行如下命令 cd react-native以及npm in
import React, {
Component
} from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image,
DrawerLayoutAndroid,
ListView,
PixelRatio,
} from 'react-native
Header.js import React, {
Component
} from 'react';
import {
StyleSheet,
Text,
View,
PixelRatio,
} from 'react-native';
class Header extends Component{
render(){
项目地址：https://github.com/yccphp/react-native-demo 介绍 最近在研究 react-native 做了一个小 demo 感觉文档上还是有点坑的，比如 触摸事件的时候，文档会告诉你这样写 class MyButton extends Component {
_onPressButton() {
console.log("You tapped t
该APP是以React-Native官方文档中的案例Movies app为蓝本编写的 Fetch数据采用豆瓣API（感谢豆瓣提供的数据） 修改内容 加入了ScrollView 加入了Navigator 加入了TouchableOpacity 加入了Webview 加入了加载动画 加入了返回手势 加入了返回按钮绑定 优化了各种排版 ... PS:即将上映界面的Touchable还有些bug，正在调试
学习完了react 的入门教程 找了todoList的例子做了实践。 代码 代码放在了codepen See the Pen <a href="http://codepen.io/ziazan/pen/MpyXZG/">React todoList</a> by ziazan (<a hr
antd项目确实是一个非常优秀的开源项目，但是用起来相关文档的说明比较少，特别是从一开始建立一个自己的项目时候需要配置babel，webpack等等，这部分的内容相关介绍就少之又少。因此我写了一个demo,这个demo配置了必要的webpack和babel项，你只要克隆下来，然后npm run dev就可以了。对于第一次理解antd特别有用。项目地址点击这里 webpack配置说明 const p
环境搭建 我是在Mac系统上进行运行的，如果需要在Win上运行，请参考 http://reactnative.cn/docs/0.44/getting-started.html#content Mac下进行环境搭建 （1）Xcode。建议通过AppStore下载安装，官方正版。各种软件站的软件，可能存在恶意植入的情况，不建议。 （2）安装Node.js。 我用的是安装包安装的，去https://n
先上效果图 注意 : 这个项目是用node 方式创建的 实际上是创建了一个node 项目 使用 命令行的方式 然后再导入 westrom . 步骤如下 1 ,通过这个命令，创建一个react工程 npm install -g create-react-app 这个 是必须的,打开cmd输入就行. 2, #到指定目录创建工程 create-react-app my_timer// 先到项目文件夹下面
demo1 import React from 'react';
import $ from 'jquery';
import { createStore } from 'redux';
const initialState = {
color: 'red'
}
const colorReducer = (state = initialState, action) => {
s
本项目的最新开发进度，请在github阅读，也欢迎star,issue,共同进步 写在前面的话 自已以前对redux,react,rect-redux,react-router都是有一点的了解，并且在真实的项目中也多少有些涉及。但是不足的地方在于没有做一个demo将他们串起来,所以总是感觉似懂非懂。特别是react服务端渲染这一块，对于自己完全就是一个黑箱，这对我深入理解react同构等稍微难一点
该demo使用的是webpack2.*来配置的,很多配置项都产生了变化,踩了不少坑.目前还在逐步完善中，webpack是一部一部配置来的。后端数据使用nodejs来开发模拟。 GitHub项目地址。 欢迎大家提问题。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Reactjs in 40 </title>
<style media="screen">
.like-btn { font-size: 50px; }
</style>
</head>
<body>
<div
1.目录结构 源文件在src目录下，打包后的文件在dist目录下。 2.webpack.config.js 说明： 1.涉及到的插件需要npm install安装； 2.html-webpack-plugin创建服务于 webpack bundle 的 HTML 文件； 3.clean-webpack-plugin清除dist目录重复的文件； 4.extract-text-webpack-plug
功能需求 1>初始化时 展示 1次 图片，1秒后，隐藏图片 2>点击 按钮 展示 1次 图片，1秒后，隐藏图片 原理 绑定this本身，使用匿名函数 使用setTimeout定时 代码 主要代码 1>componentDidMount 加载完毕以后，执行一次 2>showSaveCover 展示后，立即执行隐藏 componentDidMount() {
this.showSave
写在最前 原文首发于作者的知乎专栏：React Redux 中间件思想遇见 Web Worker 的灵感（附demo），感兴趣的同学可以知乎关注，进行交流。 熟悉 React 技术栈的同学，想必对 Redux 数据流框架并不陌生。其倡导的单向数据流等思想独树一帜，虽然样板代码会有一定程度上的增多，但是对于开发效率和调试效率的提高是显著的。同时还带来了很多诸如 “时间旅行”，“ undo/redo
项目地址：https://github.com/Nealyang/React-Fullstack-Dianping-Demo 技术栈：react、react-router4.x 、 react-redux 、 webpack3.x、 redux-saga 、 css-module 、 ES6 、babel... 在慕课网看到相关视频，但是我等屌丝码农真心买不起这个价位的视频。有幸看到源代码，但是看
