五子棋游戏+博客demo+React官网实例实现github源码：https://github.com/moshang-xc/react-demo我一直在用vue前。在阅读了React官方文档后，我写了一个demo来加强对ReactAPI的理解。欢迎指正。模块功能本项目使用React+React-router开发，主要熟悉React的界面和使用。主要包括三个模块，功能类似博客模块React官网入门教程示例实现和五子棋游戏React官网React概念示例实现通过开启代理服务器提供数据API，代理服务器使用mock-mini-server，配置相应rules，使用Mock生成随机数据，同时可以自定义处理请求，实现了一个简单版本的server，支持数据更新操作，具体用法可以看使用文档和本项目的配置文件mockhttp.js运行#拉取代码gitclonehttps://github.com/moshang-xc/react-democdreact-demo#安装依赖npminstall#开启代理服务器npxmock-mini-server#运行react项目npmstart类似blog模块该模块主要包括发表文章、点赞、取消点赞、收藏、感谢、查看评论等功能，只是一些简单的实现，还有很多不足之处。文章发布后，可与本地服务器通信，实时更新界面数据展示。点赞等数据不与服务器交互，只修改本地缓存的数据源。单击评论以展开/缩小评论列表。评论数据是实时从服务器获取的。评论数据每次都是通过Mock重新生成的，所以每次的结果都不一样。五子棋游戏该模块实现了五子棋和井字棋两种游戏。游戏过程中，您可以后悔游戏，可以重新开始游戏，后悔游戏只需点击右侧相应的步骤信息按钮即可。五子棋只记录最后20手的数据，不会记录前20手的数据，所以你只能后悔20手以内的走法。游戏结束时，获胜方的五个相连棋子会突出显示。React概念示例以上所有数据均由本地服务器mock-mini-server提供，部分数据交互功能通过扩展[mock]()实现。
