reactjs

React-Native Native Module In Practise

React-Native 是Facebook 开发的一套移动端跨平台开发的框架,其脱胎于 ReactJS 。React-Native允许你使用JavaScript开发移动端的应用,相对于 PhoneGap React-Native 确实带来了原生应用的性能,如果之前有写过ReactJS,用React-Native开发一个移动端应用是非常容易的。不过虽然React-Native社区一天天壮大,但是仍旧可能需要自己开发一些React-Native的原生模块。 什么是React-Native原生模块 React-Native 模块就是包含原生代码库的React-Native的模块(在Android 里是包含Java代码库,在iOS里是包含Objecive-C/Swift代码库),其工作原理是将原生代码库加载到React-Native的包管理器中,然后用JS通过React-Native的bridge调用原生库里的方法,最后返回结果。 Setup 需要安装Node.JS和NPM 需要安装Android SDK 和Android Studio https://developer.

optimized

Reactjs 性能优化,系列一

引言 ReactJs是Facebook开发的一个前端库,介绍ReactJs的文章很多,也可以去ReactJs的主页查看官方文档,文档的内容很少,示例也很详细。 Flux是基于的Reactjs的不能算作前端框架的前端框架,Flux并不提供一个完整的前端框架,只是提供一个Reactjs前端的实现,事实上就是推荐一套应用结构,而不提供具体实现。 前文 在结构复杂的ReactJs Application中,其结构往往都是基于树形结构, 类似与: ------------- App Component --------------- | | | | | | | | Message Project Other ... | | | ------ ------ ------ | | | | | | 在App Component中通常我们会有 在上面的示例代码中,App Component 去监听AppStore的改变,然后在onChange中去改变App