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 登录还是蛮方便的。
,如果你对ReactTypeScript有兴趣,想要快速搭建一个有身份验证和持久化的应用,不妨试试这个种子项目。

zip
react-typescript-webpack-master.zip 预估大小:54个文件
folder
react-typescript-webpack-master 文件夹
file
.travis.yml 88B
file
package.json 2KB
file
tslint.json 3KB
folder
assets 文件夹
file
screenshot1.png 25KB
file
architecture.psd 1.28MB
file
screenshot.png 27KB
file
architecture.jpg 611KB
file
server.js 428B
file
LICENSE 1KB
folder
src 文件夹
folder
auth 文件夹
file
auth.service.ts 2KB
file
auth.model.ts 499B
file
auth.interface.ts 642B
folder
ui 文件夹
file
auth.component.tsx 2KB
file
auth.app.service.ts 412B
file
auth.interceptor.ts 1KB
file
main.app.service.ts 666B
file
index.html 864B
file
main.component.tsx 3KB
folder
common 文件夹
folder
loading 文件夹
file
loading.component.tsx 1KB
file
loading.component.css 306B
file
loading.interceptor.ts 1KB
file
observable-factory.ts 819B
file
main.tsx 771B
folder
todo 文件夹
file
todo.model.ts 1KB
file
todo.interface.ts 155B
file
todo.persistence-ls.ts 323B
file
todo.service.ts 3KB
file
todo.persistence.ts 647B
folder
ui 文件夹
file
todo.container.tsx 2KB
file
todo.list.tsx 1KB
file
todo.component.tsx 3KB
file
todo.counter.tsx 2KB
file
todo.item.tsx 4KB
file
main.css 628B
folder
dev 文件夹
file
index.html 426B
file
tsconfig.json 1KB
file
.gitignore 132B
folder
typings 文件夹
folder
es6-promise 文件夹
file
es6-promise.d.ts 3KB
folder
bluebird 文件夹
file
bluebird.d.ts 80B
folder
material-ui 文件夹
file
material-ui.d.ts 73KB
folder
uuid 文件夹
file
uuid.d.ts 126B
folder
react-bootstrap 文件夹
file
react-bootstrap.d.ts 215B
folder
history 文件夹
file
history.d.ts 68B
folder
auth0.lock 文件夹
file
auth0.lock.d.ts 3KB
folder
lodash 文件夹
file
lodash.d.ts 266KB
folder
classnames 文件夹
file
classnames.d.ts 639B
folder
axios 文件夹
file
axios.d.ts 4KB
folder
react-dom 文件夹
file
react-dom.d.ts 1KB
folder
react-router 文件夹
file
react-router.d.ts 12KB
folder
auth0 文件夹
file
auth0.d.ts 4KB
folder
react 文件夹
file
react.d.ts 61KB
file
webpack.config.js 3KB
file
README.md 9KB
file
.travis-deploy.sh 770B
...
zip 文件大小:483.25KB