react h5 移动端 嵌入应用

223 阅读1分钟

react h5 移动端 嵌入应用

前言

公司要做一款集成chatgpt reacth5 并且嵌入应用的移动端。架构自拟。移动端的代码写过不少,脚手架倒是没搭建过。

架构

目前也只能以熟悉的react着手,antd-mobile作为组件库。考虑兼容node版本 v12,以及需要录音功能。

参考

  1. # React18 Mobx TS Less H5移动端架构 -- 项目地址
  2. # React 项目开发-仿 bilibili 移动端首页 --项目地址
  3. # 打造开箱即用的 react 移动端框架-- 项目地址

录音

  1. # html5录音功能实战--项目地址
  2. # 浅谈H5音频处理--项目地址
  3. # vue3实现H5网页录音并上传(mp3、wav)兼容Android、iOS和PC端 -- 项目地址

依赖

     antd": "4.24.0", 

    "antd-dayjs-webpack-plugin": "^1.0.6",

    "axios": "^1.1.3",

    "axios-hooks": "^4.0.0",

    "crypto-js": "^4.1.1", // 个JavaScript的加解密的工具包

    "echarts": "^5.4.2",

    "highlight.js": "^11.7.0", // 语法高亮器 http://highlight.cndoc.wiki/doc

    "jotai": "^2.1.0", // 原始且灵活的 `React` 状态管理库 https://segmentfault.com/a/1190000040290466?utm_source=tag-newest

    "lodash": "^4.17.21",

    "markdown-it": "^13.0.1",

    "markdown-it-link-attributes": "^4.0.1",

    "react": "^18.2.0",

    "react-copy-to-clipboard": "^5.1.0", //复制剪切板

    "react-dom": "^18.2.0",

    "react-router-dom": "6",

    "resize-observer-polyfill": "^1.5.1",

    "tributejs": "^5.1.3", // 输入框的自动补全

    "uuid": "^9.0.0"
    

后续在更