查看详情

React Native最佳学习模版- F8 App开源了

在刚刚结束的Facebook f8开发者大会不久。FB开源了自己的f8 App。 界面和体验都是相当精美的。 React Native 项目用的自己啊的React Native,可以同时build iOS和 Android.相信不少学习react native的人也希望看看FB团队自己怎样去写App的吧。正如介绍中一样,我们可以看到他们所用到的一些关键词:React Native, Redux, Relay, GraphQL。 开始构建 环境需要React Native,CocoaPods 1.0+ (only for iOS),MongoDb(服务端使用) git clone项目 $ git clone https://github.com/fbsamples/f8app.git $ cd f8app 安装依赖 (npm v3+): $ npm install $ (cd ios; pod install) # only for iOS 详情 »

(转)React Native: Bringing modern web techniques to mobile

本文是Facebook发布在code.fb上的一篇关于React Native诞生的文章,由于被墙了,所以转过来,方便阅读。 If you're new to React, you can read more about it on the React website. You can also get started with React Native for iOS, which was released at F8 2015 on the React Native website. It started with React We introduced React to the world two years ago, and 详情 »

解决PHP获取不了 React Native Fecth参数的问题

React Native 使用 fetch 进行网络请求,推荐Promise的形式进行数据处理。官方的 Demo 如下: fetch('https://mywebsite.com/endpoint/', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, body: JSON.stringify({ username: 'yourValue', pass: 'yourOtherValue', }) }).then((response) => response.json()) .then((res) => { console.log(res); }) .catch((error) => { console.warn(error); }); 但是实际在进行开发的时候,却发现了php打印出 $_POST为空数组。这个时候自己去搜索了下,提出了两种解决方案: 构建表单数据 function toQueryString( 详情 »

查看详情

使用 react-native-simple-router 组织你的React Native 页面

React Native Simple Router是一款第三方导航组件。你可以通过它进行合理的视图组织。 项目地址 安装 进入你的项目目录,如过没有初始化项目可以react-native init your_project,然后在项目目录安装react-native-simple-router。 npm install react-native-simple-router --save 使用 import Router from 'react-native-simple-router'; 修改的你的index.ios.js,如果是Android修改对应文件即可。 import React, { StyleSheet } from 'react-native'; // 初始化页面 class HelloPage extends React.Component { render() { return <Text>Hello world!</Text>; } } const styles = StyleSheet.create({ header: { backgroundColor: '#5cafec', }, }); // 在这里定义你的路由 详情 »

使用React-router和Webpack快速构建一个react程序

初始化项目 我们先创建个空文件夹,然后初始化 package.json ,填写一些基本信息。 $ npm init 接下来我们开始安装依赖项,我的 package.json 的依赖项如下 "devDependencies": { "babel": "^5.5.6", "babel-core": "^5.5.6", "babel-loader": "^5.1.4", "history": "^1.13.1", "react": "^0.13.3" 详情 »