flux-react-router-example

开源

一个使用 React 路由器展示 Flux 的示例应用

1.4K stars0 点赞3 次浏览

工具介绍

一个使用 React 路由器展示 Flux 的示例应用

这是我在周末写的一个 Flux 应用示例。
它使用开放的 GitHub API 来显示用户和 repo 的关注者的收藏仓库。

它使用 vanilla Flux 架构和 React Router;
它可以显示带有部分已知信息的用户页面,并随时加载详细信息;
它支持用户和仓库的分页;
它使用 Normalizr 解析 GitHub 的嵌套 JSON 响应;
内容存储不需要包含一个巨大的 switch 与操作;
"返回" 是即时的 (因为所有数据都存储在存储中);
路由处理器在 componentWillReceiveProps 中被友好地更新,如果请求某个页面时参数不同;
"愚蠢" (https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0) 组件使用纯渲染作为性能优化;
它通过装饰器 (实验性) 示范了高阶组件的使用;
它使用 Babel 和 Webpack 在 ES6 中构建,并集成了 React 转换。