V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
wewin
V2EX  ›  React

React + Redux 实现的个人博客

  •  
  •   wewin · Jun 13, 2019 · 3706 views
    This topic created in 2520 days ago, the information mentioned may be changed or developed.

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

    效果图

    登陆页面

    sign in

    主页

    index

    详情页

    detail

    新建或编辑页面

    new-or-edit

    项目状况

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

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