React 版 V2EX 社区（ react & react-router & ax

VincentFF 发布于2019-08-21 12:04 / 1313人阅读

摘要：目录项目简介在线演示截图演示踩坑项目简介项目使用进行开发项目兼容移动端使用代理并支持跨域另外还写过一个版项目，以及聊天室，找工作，北京。

项目简介

在线演示

截图演示

踩坑

项目简介（1/4）

项目使用React、Reac-router、Axios、ANTD UI进行开发

项目兼容移动端

使用Nginx代理V2EX API并支持CORS跨域

另外还写过一个Vue版V2EX项目，v2ex-vue：https://x.bw2.me/#/

以及nodejs聊天室，nchat：http://y.bw2.me:8086

找工作，北京。联系方式：YmVyZ3doaXRlc0BnbWFpbC5jb20=

觉得对你有帮助的话，欢迎给个star，谢谢

在线演示（2/4）

点击进入

另外还用cordova打包成了安卓APK

第一个二维码是移动端页面，第二个二维码是apk的下载地址

截图演示（3/4） 导航页面

文章页面

分类页面

用户和主题页面

踩坑（4/4） 支持IE

在IE中的报错，TypeError: 对象不支持“startsWith”属性或方法，通过添加babel-polyfill解决

import babel-polyfill for IE9+

通过Nginx配置路由

直接访问二级路由会404，通过nginx把页面定向到inedx.html，让react-router接管页面路由

location / {
  try_files $uri /index.html
}

开启Gzip

页面访问速度过慢，于是开启Gzip对数据压缩传输

gzip on; # 开启Gzip
gzip_comp_level 6; # 级别为1-9，9是最高的压缩比
gzip_types *; # 压缩所有类型文件
gzip_vary on; # 添加响应头

云服务器 GPU云服务器 react-router react-router4 React版Mung React-Native版Mung

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87423.html

解析ahooks整体架构及React工具库源码

　这是讲 ahooks 源码的第一篇文章，简要就是以下几点：　　加深对 React hooks 的理解。　　学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。　　培养阅读学习源码的习惯，工具库是一个对源码阅读不错的选择。　　注：本系列对 ahooks 的源码解析是基于v3.3.13。自己 folk 了一份源码，主要是对源码做了一些解读，可见详情。　　第一篇主要介绍 a...

3403771864 2022-11-06 18:34 评论0 收藏0
前端资源系列（4）-前端学习资源分享&amp;前端面试资源汇总

摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...

princekin 2019-08-20 11:28 评论0 收藏0
一篇文章读懂 React &amp; redux 前端开发

摘要：如在中在中，聚合积累的结果是当前的对象。被称为副作用，在我们的应用中，最常见的就是异步操作。至于为什么我们这么纠结于纯函数，如果你想了解更多可以阅读，或者它的中文译本函数式编程指南。 DvaJS： React and redux based, lightweight and elm-style framework. https://dvajs.com/ 实例项目源码：https://g...

cppowboy 2019-08-23 13:11 评论0 收藏0
微前端 —— menu&amp;&amp;project1（React）

摘要：前言微前端理论篇微前端项目上一篇中，我们完成了项目的搭建，算是完成了整个微前端架构的一半工程了。项目项目是作为页面的菜单显示的，主要用于路由的控制。源码地址源码地址项目源码地址微前端理论篇微前端项目微前端项目前言微前端 —— 理论篇微前端 —— portal项目上一篇中，我们完成了portal项目的搭建，算是完成了整个微前端架构的一半...

Euphoria 2019-08-26 10:32 评论0 收藏0
看完React文档后，重写了下CnodeJS社区，感觉看上去还不错

摘要：欢迎一个的初中级练习项目重构社区这里简述下我学习的方式看了一边文档，把主要概念全部看完，高级指引里的根据个人兴趣挑了一些看了看。 Github DEMO 欢迎Star 一个 React 的初/中级练习项目：重构 CnodeJS 社区 showImg(https://segmentfault.com/img/remote/1460000017255931); 这里简述下我学习 R...

raise_yang 2019-08-23 13:52 评论0 收藏0