React TypeScript Webpack FLUXless架构示例应用使用TypeScript构建React应用并集成身份验证与持久化功能
React、TypeScript、Webpack 结合 FLUXless 架构,这个开箱即用的 Todos 示例应用挺适合用作 React 项目的模板。它不仅有单向数据流和轻量级的状态管理,还加了 Google+社交登录、Auth0 身份验证和本地存储持久化功能,挺实用的。后端部分则是一个独立的 node.js 应用,和前端配合得默契。你要是想学一下如何用TypeScript
写一个结构清晰、功能完善的 React 应用,这个例子值得一看。而且 UI 部分采用了Material Design
,看起来简洁又好用,挺适合做一些快速开发的小项目。
推荐给那些想要避免复杂 FLUX 架构的小伙伴,这个 FLUXless 架构不需要引入 Redux 啥的,简洁又高效,理解起来也不费劲。如果你正在开发一些需要身份验证的应用,Auth0 这一部分可以作为参考,毕竟集成 Google 登录还是蛮方便的。
,如果你对React
和TypeScript
有兴趣,想要快速搭建一个有身份验证和持久化的应用,不妨试试这个种子项目。
react-typescript-webpack-master.zip
预估大小:54个文件
react-typescript-webpack-master
文件夹
.travis.yml
88B
package.json
2KB
tslint.json
3KB
assets
文件夹
screenshot1.png
25KB
architecture.psd
1.28MB
screenshot.png
27KB
architecture.jpg
611KB
server.js
428B
...
483.25KB
文件大小:
评论区