前言React Native 自 iOS 版发布后至今也 2 年了，从最初国内QQ空间实践踩坑，到现在逐步稳定，线上已经有很多 app 在使用了： 上图的仅仅只是一部分，更多的可以查看官网 Showcase。 包括 Instagram 也在线上的 app 中直接使用了 React Native，我也在去年2月的时候在公司 app 中实践上线了子业务的 RN 化，并进行了优化。 2016 年上半年，阿里也发布了自己的跨平台解决方案 —— Weex，主要由手淘推动，并在阿里系的一些 app 中有了一部分应用： 饿了么 app 的第二个 tab 首页也是使用 weex 的，但毕竟只是个很简单的单页，所以做不得参考。 对 Native 开发者来说，尤其是没有接触过混合开发的，可能会困惑如何选择的问题。我也有一些认识的朋友和老同事，因为选择错误而吐槽了很多次。本文就是来讲讲...
为了让我们的网站能达到更高的评分（咦，为什么变成刷分了），我们最后需要进行用户体验和性能的优化。 页面加载性能我们需要尽可能把其他所有页面做成异步的，如： 1 2 3 4 5 function getSubmitCase(nextState, callback) { require.ensure([], (require) => { callback(null, require('./containers/case/SubmitCasePage').default); }, 'SubmitCasePage'); } 1 <Route path="submit" getComponent={getSubmitCase} /> 通过把非首页面路由给大部分变成异步化的后：...
作为 PWA 的象征之一，我们首先做的，就是加上 Service Worker。 添加 Service Worker注册我们的项目是使用 ejs 在 webpack 阶段注入几个变量生成最后的 index.html 的，所以直接拿 index.ejs 动刀即可： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <body> <div id="container"></div> <script src="<%= bundle %>"></script> <script> ...
作为 PWA 的象征之一，我们首先做的，就是加上 Service Worker。 添加 Service Worker我们的项目是使用 ejs 在 webpack 阶段注入几个变量生成最后的 index.html 的，所以直接拿 index.ejs 动刀即可： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <body> <div id="container"></div> <script src="<%= bundle %>"></script> <script> if...
不知道大家还记不记得之前的四篇 PWA 系列翻译： https://zhuanlan.zhihu.com/p/23673184?refer=moduth https://zhuanlan.zhihu.com/p/23926652?refer=moduth https://zhuanlan.zhihu.com/p/23966686?refer=moduth https://zhuanlan.zhihu.com/p/23966862?refer=moduth 不过这毕竟是老外他们自己的实践，而且相对来说是从科普角度来描述了 PWA 的实践，对想要直接进行 PWA 优化的，可能会觉得比较啰嗦。 恰好我司最近使用 React 全家桶开发了一个网站：海绵保保，所以干脆就拿它开刀，来进行 PWA...
系列第二篇，来看看基于 React 路由分块的页面加载优化。 原文地址：Progressive Web Apps with React.js: Part 2 — Page Load Performance 原文作者：Addy Osmani 译文出自：掘金翻译计划 译者：markzhai 校对者：Romeo0906，AceLeeWinnie 使用 React.js 的渐进式 Web 应用程序：第 2 部分 - 页面加载性能这是新系列的第二部分，新系列介绍的是使用 Lighthouse 优化移动 web 应用传输的技巧。本期，我们关注的是页面加载性能。保证页面加载性能是快的移动 Web 的速度很关键。平均来说，更快的体验会 延长 70% 的会话 以及两倍以上更多的移动广告收益。基于...
Build your own newsfeed
Ready to give it a go?
Start a 14-day trial, no credit card required.