Skip to content

a project to preview tech stack of ali cloud fe

Notifications You must be signed in to change notification settings

Laffery/alipreview

Repository files navigation

A project to preview tech stack of ali cloud Front-end.

The tech stack can be listed as following:

  • RxJS
  • Hooks
  • TypeScript
  • React

Requirements

  • 使用 Github 提交你的代码,每个 commit 符合 Angular Commit Guide
  • 要求使用 RxJS/Hooks/TypeScript/React 完成你的应用从开发到打包
  • 使用以上依赖的最新版本,打包工具需要手动使用 Webpack 配置(要求使用 - - - TypeScript 完成 Webpack 配置)
  • 不允许使用第三方组件库及第三方 CSS 框架

Getting Started

# install dependencies
yarn

# build this project by webpack, output in /dist
yarn build

yarn start

If you wanna developing by yourself, run yarn dev to launch a HMR server and enjoy coding.

API

Attention Please

Server Side Render

基于本人的另一个项目webpack-starter-kit,完全基于Webpack5React18实现对SSR的支持。

在服务端使用RxJS处理网络请求,一般需要引入node端的node-fetch

Authorization

根据Does the Hacker News API have auth documentation?,并且原生的登录注册接口还需要reRAPTCHA人机身份验证,因此不太好实现调用Hacker News API进行注册和登录。
本项目基于express,提供一个真实存在的账号(参见配置中的mock account),在BFF层模拟实现

  • 注册不开放,仅可使用提供的账号进行注册
  • 登录仅可使用提供的账号进行登录,并颁发预设的cookie(过期时间到2038年,足够可用)
  • forget忘记密码重置-不支持(因为我们只有唯一指定的账号)

About

a project to preview tech stack of ali cloud fe

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages