/my-ts-react-app

Primary LanguageTypeScript

参考链接

  1. localStorage设置过期时间
  2. prettier配置
  3. Setting a backgroundImage With React Inline Styles

extends放在同级compilerOptions配置上，不然会报错

  1. create-react-app配置@路径
  2. tslint.json unknown compiler option 'extends'
"extends": "./paths.json"
yarn add @babel/plugin-proposal-decorators
  1. react通过state的数据显示style多个样式（三目运算）
  2. create-react-app 安装postcss-pxtorem的方法
  3. Rem布局的原理解析

create-react-app默认dev/pro环境开启了sourcemap

开启 chrome-inspect-Setting-Sources-Enable Javascript source maps

yarn Build 后利用 根目录.env，控制Pro环境 sourceMap GENERATE_SOURCEMAP=false

  1. 利用 craco 非react-app-rewrired 配置 sourcemap，未验证
  2. antd-moblie集成
  3. React默认脚手架新增Less支持

注意事项

TODO

  • 1.yarn eject 配置 less 为何不成功？
  • 2.非yarn eject 下 less-loader在5.0以上版本配置为何不成功？
  • 3.react的background-image引入不成功，非行内样式下：
    • a. https链接引入
    • b. css文件引入
    • c. webpack build后路径引入问题
  • 4.尝试自己配置 CRA 脚手架
  • 5.REM布局
  • 6.prettier 样式配置
  • 7.配置@src绝对文件路径
  • 8.webstorm 换行对齐
  • 9.添加 sourceMap 在development、production模式
  • 10.集成ant-design

好文思考

  1. React Hooks 还不如类？
  2. 你不知道的 useCallback
  3. useRef与let变量在多实例中对比，let变量局限
  4. useImperativeHandle
  5. 细说react16新增forwardRef
  6. react-router-cache-route对路由状态的保存
  7. JavaScript 编译 - JIT (just-in-time) compiler 是怎么工作的？
  8. JS引擎概览
  9. AOT vs JIT程序编译
  10. 【深入解析】跨端框架的核心技术到底是什么？
  11. 跨平台桌面应用开发选择QT还是ELECTRON？
  12. Kotlin vs Flutter：谁将成为跨平台开发市场的最终**者？
  13. Kotlin Multiplatform Mobile 现已推出 Alpha 版本
  14. 精读《设计模式 - Mediator 中介者模式》
  15. 简单了解：什么是无服务器？