V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
wewin
V2EX  ›  React

React + Redux 实现的个人博客

  •  
  •   wewin · 2019-06-13 06:55:34 +08:00 · 3015 次点击
    这是一个创建于 2016 天前的主题,其中的信息可能已经有所发展或是发生改变。

    介绍下本人使用的 React + Redux 实现的个人博客项目,没啥好说的,直接看效果吧!

    效果图

    登陆页面

    sign in

    主页

    index

    详情页

    detail

    新建或编辑页面

    new-or-edit

    项目状况

    目前项目已经能使用,但是还有很多细节需要完善,代码也需要优化和重构,感兴趣的朋友可以 start 或者加 follow,后面我会持续更新,项目地址: https://github.com/ItsWewin/react-blog

    17 条回复    2019-12-18 10:55:49 +08:00
    wewin
        1
    wewin  
    OP
       2019-06-13 07:05:19 +08:00
    使用了 Redux 做数据管理,使用 webpack 做包管理工具,使用 Ruby on Rails 提供数据接口,欢迎大家围观,吐槽!
    tomoya92
        2
    tomoya92  
       2019-06-13 07:34:12 +08:00 via iPhone
    搜索引擎收录怎么处理的
    wewin
        3
    wewin  
    OP
       2019-06-13 07:40:04 +08:00
    @tomoya92 目前没有做这块儿,后期会使用服务端渲染搞定这块儿。
    wewin
        4
    wewin  
    OP
       2019-06-13 07:42:22 +08:00
    个人将博客搭建在了这里: http://www.mayihahaha.com ,有需要的朋友可以使用他搭建自己的站点,我可以提供全程支持
    wewin
        5
    wewin  
    OP
       2019-06-13 07:46:10 +08:00
    尴尬,博客内容竟然不能编辑,只能在这里补充了。项目过成功也使用到了 webpack 的插件对项目进行了优化,优化过程记录在了这里 https://juejin.im/post/5b302759e51d4558db46a9aa 对 webpack 包管理项目优化有兴趣的欢迎围观。
    froyog
        6
    froyog  
       2019-06-13 07:53:46 +08:00 via Android
    react-hooks 不考虑用下?
    xiadd
        7
    xiadd  
       2019-06-13 08:51:28 +08:00
    路由全程没有变化啊,是不是没有使用 router
    Hilong
        8
    Hilong  
       2019-06-13 09:14:02 +08:00 via Android
    先 star 一个,回头学习一下
    wewin
        9
    wewin  
    OP
       2019-06-13 09:48:01 +08:00
    @xiadd 有用到 router,之前有个版本就是点击文章到对应的路由,但是后面觉得那种体验不好,就把主页做成了这种不跳转路由的。现在只有登陆,编辑,和主页三个路由。不过这样搞了之后,阅读体验好了,但是没法给别人分享文章,后面可能会改回来
    wewin
        10
    wewin  
    OP
       2019-06-13 09:48:30 +08:00
    @froyog 后面再重构的时候可以考虑使用下
    wewin
        11
    wewin  
    OP
       2019-06-13 09:48:51 +08:00
    @Hilong 感谢 start,一问题一起交流呀
    wewin
        12
    wewin  
    OP
       2019-06-13 09:49:06 +08:00
    @wewin 有问题
    fff333
        13
    fff333  
       2019-06-14 22:34:41 +08:00 via Android
    谢谢分享
    wewin
        14
    wewin  
    OP
       2019-06-15 13:19:31 +08:00
    @fff333 感谢 start,欢迎提 issue。
    wewin
        15
    wewin  
    OP
       2019-06-23 15:07:41 +08:00
    补上了完整的部署文档,需要的朋友可以关注下项目 https://github.com/ItsWewin/react-blog 的 README
    Allianzcortex
        16
    Allianzcortex  
       2019-12-18 10:54:41 +08:00
    挖坟一下,偶然看到这个项目,挺符合最佳实践的,支持下( :
    Allianzcortex
        17
    Allianzcortex  
       2019-12-18 10:55:49 +08:00
    当然如果是我的话可能更多会用 spread operator 而不是 Object.assign
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3649 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 04:19 · PVG 12:19 · LAX 20:19 · JFK 23:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.