@aiou/preact-template

preact template

Usage no npm install needed!

<script type="module">
  import aiouPreactTemplate from 'https://cdn.skypack.dev/@aiou/preact-template';
</script>

README

@aiou/preact-template

spa preact template(maybe use in mobile)。

比较了一下在未gzip情况下的bundle size。react是~200kb左右，preact是~67kb。开启了gzip之后，react是~67kb。体积比较还是很明显的。一般来说vue是移动端site的选择，vue在gzip情况下体积是40kb。react和vue区别好像没有那么明显了。 至于是否选择preact还是react见仁见智。因为使用based on react的第三方库，兼容性很不错特别是那些high star repo。但是其他多多少少会有一点小问题的。

npm GitHub GitHub issues by-label

Features

  1. use webpack
  2. support ts
  3. <link /> 会加上preload
  4. 在移动端可以通过http:<ip>:port方式访问

Dependencies

  • typescripts
  • css
    • stylus
    • post-css
  • react
    • typescript
  • webpack v4

For Devlopers

  • custom release script in package.json and other package info

  1. 推荐使用VSCODE IDE

    • IDE - VSCode
      • install plugin - stylint
      • install plugin - tslint
    • install redux-dev-tools in Chrome Store

  2. 可以使用Rucksack和Rupture 加速stylus开发。分别封装了一些好用postcss mixins和stylus mixins for media query

  3. 路由使用了react-router docs里面的router config的方式，是否合理见仁见智

  4. 使用rematch作为redux framework。

    • 如要使用redux-observable，我也封装了一个rematch-observable。
    • 如有data request。推荐使用swr进行api的缓存

Refs