zerofront / awesome-app

A demo project for react、typescript、pwa、ssr

awesome-app

提供IOS平台的限免资讯应用，用于实践 typescript + react + pwa + ssr

run

• 安装依赖 npm install
• 启动 npm run start

相关

本项目仅供学习与交流使用。UI都是网络资源的。如有侵权，请联系[email protected]

TODO

目前还有一些部分没完成，包括但不限于：

• 限免App的详情，详情出现的动画，详情内App介绍图切换的动画

• CSS（CSS Module、style-component、CSS-Block）选一个

• 类型定义相关的文件结构优化

• 使用 hooks，等react 16.7

• 使用 unstated 管理全局状态

• 使用 RxJs 管理异步流程

• 用户基础功能

• 左滑不再推荐该应用

• 评论功能

• PWA推荐关注的应用

配置

• 本项目使用的模板

• Microsoft React+TS 起步教程

• sass 配置

• proxy 配置

• postcss react-app-rewired 和 React App Rewire PostCSS

• Microsoft 的 react 项目的 tslint 这也是为什么该项目的模板没有选择Create-react-app@2 的官方TS模板。而是使用 --scripts-version=react-scripts-ts 模板。 官方的模板无法自定义 tslint

• Microsoft React 组件库参考写法

• 跨平台方案

• 全局状态管理库 unstated

• React hooks 相关

• React hooks

• 前端数据流哲学

• 动效方案

学习

• React模式

• 深入typescript

• React + Typescript 教程

• 蚂蚁金服 Typescript 实践

• TypeScript 在 React 中使用总结

• TypeScript 2.8下的终极React组件模式

• EventLoop

React + TS 项目

• 仿网易云