1.下载脚手架 安装顺序：npm install -g create-react-app create-react-app my-app（可以在指定的目录下创建） cd my-app/ npm start 2.下载路由 指定版本：先安装 npm install --save react-router@3.0.0 最新版本4.1.1跳转不过去 3.下载antd desin npm install a

react官网教程基础解析 文章首发：github react官网教程基础解析 打开react英文官网，你是不是还在因为自己英语不好，使用翻译软件看的糊糊涂涂。别担心，我结合react官网最新教程，一篇篇的细读研究之后，根据自己的经验总结了基础篇的知识，还有高级篇的后续总结。 1、使用redux和没有redux，react写法有什么不同吗？ 答：组件写法一样，但是state不一定交给组件内部管理，

本系列文章，不断更新中... Nowa 上手篇（1）- 介绍 Nowa 上手篇（2）- 创建 React Web 项目 Nowa 上手篇（3）- 工具使用指南 Nowa 上手篇（4）巧用命令集 ... 这篇文章着重介绍 Nowa 的命令集功能。命令集的功能是可视化版本才有的特色功能，毕竟在命令行里，只需要 npm run xxx 就行了。 命令集里面的所有命令来源于导入项目里 package.js

作为函数式编程和响应式编程的代表ReactiveCocoa，自一出世便受到广大码农的热爱，结合MVVM编程模式，不仅能够方便的处理各种交互事件、降低模块间的耦合性，还能简化项目结构，降低阅读和维护的成本。本文从应用的角度，介绍一下ReactiveCocoa常用类的用法： 一、RACSignal 1. 功能 这是ReactiveCocoa的核心类，用来表示数据传递，只要有数据变化，信号内部受到数据后

上一篇介绍了ReactiveCocoa的常用类，已经基本满足项目中的简单应用要求，但是针对复杂的功能还需要其它的类来协同处理。ReactiveCocoa提供了强大的流程处理功能来解决复杂的问题，包括事件点击、代理、通知、事件同步和异步等等，可以简化代码体量，实现 高聚合、低耦合 的编程思想。下面ReactiveCocoa的更强大的功能： 一. RACTuple、RACSequence RACTup

FlexBox布局 直接阅读大神文章：阮一峰写的FlexBox布局。在react-native中原理是一样的，只不过可能有写属性在react-native中简化了。 有几个注意的点，我在刚刚开始flexbox中总结的： 容器(container)属性 flexDirection ，justifyContent，alignItems flexDirection flex布局方式 justifyCon

position布局 position:enum('absolute','relative')。先简单的看一下示例图 position:'relative' 相对布局。这个和html的position有很大的不同，他的相对布局不是相对于父容器，而是相对于兄弟节点。 position:'absolute' 绝对布局。这个是相对于父容器进行据对布局。绝对布局是脱离文档流的，不过奇怪的是依旧在文档层次结

react native其实有很坑，与其说rn坑不如说android坑，同一个界面，IOS完全加载渲染出来4s不到，Android可以渲染到17s，操蛋，由此开始了我们的优化之路 今天花一天的时间去优化native端 首先换内核，换上腾讯x5内核，但是6.0不支持，速度感觉没有明显提升

2017年8月13日更新，本文依旧最新的webpack3.5.3将代码部分完全重写，所有代码都在Mac上正常运行过。希望依旧对你学习webpack有帮助。 写在前面的话 阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消

转载:http://www.jianshu.com/p/dc527de06b5e 但是这位博主,源代码没有完全开放,我只是按照他的思路将代码补全,并将源代码开放 需求 1.在打开APP的时候进行网络请求，检查是否有网络更新。 2.如果有网络更新，下载新的版本，再次打开APP的时候，就直接连接到新的内容。 具体功能的实现: - (BOOL)application:(UIApplication *)a

ReactNative源码篇：渲染原理 关于作者 郭孝星，非著名程序员，主要从事Android平台基础架构与中间件方面的工作，欢迎交流技术方面的问题，可以去我的Github提交Issue或者发邮件至guoxiaoxingse@163.com与我联系。 文章目录：https://github.com/guoxiaoxing/react-native/blob/master/README.md 本篇系

全网唯一的React16+Redux+React Router4实战课程，学到手是你的真本领！ 主流前端框架之React 由于React在Web端和移动端都取得不错的成绩，受到越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。 React 的优势在于更适用于大型应用和更好的可测试性、同时适用于Web端和原生App以及更大的生态圈带来的更多支持和工具。 既然提到前端框架，有的小伙

前言 React Native中常用的数据本地化存储的方法有如下几种： AsyncStorage：以键值对的形式存储的轻量存储器，只能存储字符串数据。 SQLite：一种轻型的数据库，多用于移动端开发，原生应用开发中比较常见。 Realm：新兴的移动端数据存储方法，使用简单、跨平台、性能优越功能强大。 本文主要主要介绍第一种——AsyncStorage。 AsyncStorage介绍 AsyncS

  前端大陆乃是技术界近年来新兴起的板块，随着人们对网站交互和性能越来越高， 前往前端大陆修炼 Javascript 的召唤师如过江之鲫，数不胜数，前端奇人异士之多，故修炼之法林林总总，俱不相同， Web 前端的未来尚无定论，内部却已起了门户之见， 幸而前端圈核心门派正道大昌，人气鼎盛，其中尤以 React、Vue、Angular 为三大支柱，是为领袖，今天的故事，便是从 React 峡谷开始的。

前言 对于存放数据量小且简易的数据我们可以通过AsyncStorage来存储，但对于数据结构复杂、数据量大的数据，我们可以使用移动开发中常用的SQLite来处理。 SQLite是一种轻型的数据库，多用于移动端开发，在原生应用开发中比较常见。 使用 React Native并没有提供使用sqlite的组件，我们可以通过使用第三方组件react-native-sqlite来使用原生的SQLiteDat

react - JSX React 背景介绍 React 入门实例教程 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 什么是React A JAVASCRIPT LIBRARY FOR BUILDING USE

前言 上次初学用 react 写了个后台管理，这次便寻思写个移动端的项目。便有了这次的这个项目。 这个项目以前写了个 vue 的版本。有兴趣的可以 点击进入 模拟数据用的是 Easy Mock 用的是我以前写 vue-toutiao 用到的数据 账号: vue-toutiao 密码： 123456 技术栈 react + react-redux + react-router + webpack 结

组件 组件使你可以将 UI 划分为一个一个独立，可复用的小部件，并可以对每个部件进行单独的设计。 在单页面应用(SPA)中扮演着重要角色 组件简单实现 —— 函数式组件 import React from 'react' import ReactDOM from 'react-dom' let Component1 = () => { return <h1>React Component

组件渲染 —— 条件渲染（动态组件） 很多情况下组件是动态渲染的，比如登录状态，如果已登录则显示退出登录，否则显示登录 import React from 'react' let Login = (props) => { return <input type="button" value="login" onClick={props.click}/>; } let Logout =

事件和 ref 事件可以直接写到 DOM 节点，然后通过 ref 来获取 DOM 节点 import React from 'react'; import ReactDOM from 'react-dom'; class Component1 extends React.Component{ focusHandler(){ this.refs.name.focus();