用 React 做了个知乎日报简易网页版

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3600 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://daily.elnode.com/

只能看当天日报。

之前用 Angular 做前端，不过一直不怎么喜欢它的理念。算是后知后觉，近几天才发现了 Facebook 的 React 框架，看起来很清爽。

拿知乎日报开刀是因为之前 @kuber 做的网页版挂了，一直也没找到比那个更好的网页版。再加上我喜欢看评论，现有的也不支持。于是周末练手，拿 AmazeUI + React 拼了个知乎日报的网页版。

源码在此: https://gitcafe.com/Hz/daily-rv

第 1 条附言 · 2015-02-02 22:57:53 +08:00

因为域名没备案的关系被阿里云封了，不过幸好 GitCafe 支持 page，可以在这里读日报：

http://hz.gitcafe.io/daily-rv/

顺带问下，这个备案检测是自动的吗？下午还可以访问。

React

知乎

日报

28 条回复 • 2015-02-06 09:44:08 +08:00

timothyye

2015-02-02 15:27:46 +08:00 via Android

最近React好火……

ufo22940268

2015-02-02 15:34:45 +08:00

我想问一个问题，我如果想看react生成的最终的网页的源码，能看到吗？

immjun

2015-02-02 15:35:56 +08:00

@ufo22940268 F12或者右键查看源代码/审查元素

Shared

2015-02-02 15:48:19 +08:00

@ufo22940268 如果用 Chrome 的话可以安装 React Developer Tools 这个插件，直接在开发者工具控制台里查看。

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

fakefish

2015-02-02 16:38:03 +08:00

为什么要用yql去获取知乎的数据？

Shared

2015-02-02 16:42:43 +08:00

@fakefish 因为要解决 CORS http://en.wikipedia.org/wiki/Cross-origin_resource_sharing 而我又懒得自己写 proxy

lingyired

2015-02-02 16:43:39 +08:00

请问 [+] 和 [++]
分别代表什么？

Shared

2015-02-02 17:04:33 +08:00

@lingyired 知乎日报的评论有短评论和长评论两种

lingyired

2015-02-02 17:06:41 +08:00

@Shared 原来如此。
可以加个 tooltip ，或者简单点，title 之类的：）

Shared

2015-02-02 17:08:36 +08:00

@lingyired 好的！一开始是自己用，没想这么多。晚上回去加上

fakefish

2015-02-02 17:10:14 +08:00

@Shared 原来如此学到了

lingyired

2015-02-02 17:10:55 +08:00

@Shared 那顺便加个 loading mask 。网速慢的不知道啥情况。。：）

loveuqian

2015-02-02 17:12:50 +08:00

我看源码里面没有设置favicon，为什么这个网页的icon还是妹子UI默认的icon？？？

Shared

2015-02-02 17:20:54 +08:00

@lingyired 好的
@loveuqian 哈哈，因为我在服务器的配置里设置过了，只要浏览器支持可以自动取到 favicon

puyo

2015-02-02 18:55:23 +08:00

貌似有时候刷不出内容。

frontman

2015-02-02 19:14:38 +08:00

页面上什么都没有啊

loading

2015-02-02 19:15:58 +08:00

冷水： http://youzhihu.com/

youren

2015-02-02 19:54:57 +08:00 via iPhone

@loading 简直冷到发抖

Shared

2015-02-02 20:47:35 +08:00

@puyo @frontman YQL 有时候慢点……一会儿加个 loading spin
@loading @youren 这就是我不用任何后端技术抓取文章的原因

smilingsun

2015-02-02 22:36:45 +08:00 via Android

温馨提示：该网站暂时无法进行访问

原因一：根据工信部相关法规，您尚未进行备案；

Shared

2015-02-02 22:54:50 +08:00

@smilingsun 好吧，被阿里云打败了。这里也可以看日报：

http://hz.gitcafe.io/daily-rv/

感谢 GitCafe ！

DualWield

2015-02-03 10:03:54 +08:00

React Native出了，可惜英文听不懂，55555555~~

rekey

2015-02-03 10:55:09 +08:00

利用 yahoo 来转 ajax 请求。不错。

fly2never

2015-02-03 16:07:35 +08:00

温馨提示：该网站暂时无法进行访问

原因一：根据工信部相关法规，您尚未进行备案；

原因二：根据工信部相关法规，您当前的接入商不是万网或阿里云；

原因三：您的网站可能存在不适宜传播的信息，请联系网站管理员。

本页面为默认提示页面，如网站存在以上问题请及时进行处理。

阿里云用户备案请登录阿里云代备案管理系统；万网用户备案请登录万网代备案管理系统；

谢谢合作！

jiyinyiyong

2015-02-03 19:40:53 +08:00

楼主... http://react-china.org

顺便问下 AmazeUI 搭配 React 感觉如何?

Shared

2015-02-06 00:44:58 +08:00

@jiyinyiyong 还好啦，就是 AmazeUI 的组件现在还太少，尤其是移动应用部分。你是 React China 站长吗，多谢推荐，以后长去

Shared

2015-02-06 09:42:47 +08:00

@fly2never 没办法中招了……没有国外 VPS，也懒得备案。不过 GitCafe 的 pages 还可以访问 http://hz.gitcafe.io/daily-rv/

Shared

2015-02-06 09:44:08 +08:00

@DualWield 看起来很拉风的样子！