腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

finleyMa

专栏作者

173

文章

277823

阅读量

35

订阅数

react学习系列7 调试

chrome浏览器安装react扩展使用displayName属性官方文档扔个例子，写了个高阶组件，名字叫HOC，如果调用多次，就会出来多个HOC，优化后显示传入的组件名。 function getDisplayName(component) { return component.displayName || component.name || 'Component'; } export function withHeader(WrappedComponent) { return cla

2018-09-10

2910

使用FlatList构建列表

接着上一篇使用react-native-tab-navigator切换页面当前首页页面内容是空的，只有一个背景色。下面我们来添加些内容。这里使用 FlatList 来渲染列表。(注：很多教程包含视频中是使用 ListView 构建内容列表的。这个已经被弃用) 步骤如下图非常简单：

2018-09-10

1.6K0

react学习系列6 react-router 实现异步按需加载模块

按需加载模块的目的是实现代码分隔，用户打开首页时不用下载全部的代码，打开特定的页面加载特定的代码。提高用户体验。

2018-09-10

1.7K0

ReactNative windows下打包生成安卓apk

react nat windows npm

create-react-native-app 运行npm run eject后根目录会产生一个andriod目录和ios目录。里面就是运行打包的配置文件。如果你是用react-native-cli 开发RN的应该一开始就有这俩目录。

2018-09-10

1.3K0

使用react-native-tab-navigator切换页面

切换页面是app最基本功能。这个功能需要用Navigation组件实现。 RN发展太快了(v49)，之前自带的Navigation组件被弃用了，如果只针对ios，还可以用NavigatorIOS 社区中也有几个不错的 https://github.com/react-community/react-navigation https://github.com/wix/react-native-navigation https://github.com/happypancake/react-native-tab-navigator 以react-native-tab-navigator为例，实现下面的tab切换效果很容易：

2018-09-10

2.7K0

react学习系列4 组件生命周期

react https html

组件的生命周期非常重要。官方文档已经就讲的比较清楚了找了半天发现下面的图最清晰直观(点击放大)：

2018-09-10

3300

ant design源码分析 1 研究方法

ant design 是一套设计语言。这里为了学习react，我主要学习用 React实现的各个组件。这个是由官方维护的，代码质量高些。还有基于vue 实现的。源码在 github 上。阅读readme打开开发者说明 ├── components # react source code and demos ├── docs # documentation in markdown ├── scripts # ├── site # website layout and code └── package.json

2018-09-10

2.1K0

react学习系列3 使用koa-router模拟后台接口

当用create-react-app创建好项目，启动后会自动打开 localhost:3000。我们希望当访问 localhost:3000/api/todo 会向后台发起一个请求，拿到我们想要的 json 数据。并渲染到前台。这样的话需要先创建一个后台服务器。我们使用NodeJS的 express 或 koa 服务器框架。下面以 koa 为例。

2018-09-10

1.3K0

react学习系列2 使用react-router v4

react nat 人工智能

问：react-router，react-router-native 和 react-router-dom 的区别答：react-router是核心。react-router-native 和 react-router-dom是在 react-router 的基础上针对不同运行环境做为额外补充。对于web环境使用 react-router-dom。对于开发 react-native，使用 react-router-native 即可。官方的例子及代码 web native 例子：手动跳转路由文件

2018-09-10

4900

react学习系列1 修改create-react-app配置支持stylus

注：由于前端更新非常快，写这篇文章时 create-react-app 使用的版本是1.4.1 最新的使用流程请参照官方文档。 create-react-app 是facebook推出的快速创建react项目的命令行工具。他和 vue-cli 类似。开箱即用，不用改一行配置就可以开发出针对开发和生产环境的react项目。比如针对开发环境有eslint语法检测，热重载，带有proxy server等功能。这些东西大多要归功于webpack的功劳。

2018-09-10

1.2K0

低成本学习IT技术

比如我想学习react native。因为很多是从国外传进来的，国内还没有好的教程。教你一个低成本学习的方法。几乎免费获得国外的电子书。当然是英语不要太差。国外有两个专门出版IT技术类书籍的出版社 apress 和 packtpub 。上面的书卖的挺贵的，甚至比国内的还要贵。但是有个好处是只要你注册了帐号，每本书带的resource code下载是免费的。其实有时候根据目录光看代码就能学到不少东西。

2018-09-10

4980

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态