npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

f22

v1.0.0

Published

Downloads

3

Readme

f22(typescript-react体系)框架

现用vea-vue存在的问题

  1. 缺少面向数据模型开发的实体抽象(json在前端业务开发层表达能力不够,对代码生成器也不友好)
  2. 缺少浏览器按需polify机制,导致现代浏览器没有办法有效的压缩包体积
  3. service 与component 的强制分离导致组件复用率较低
  4. service 管理混乱,fetch中间件设计难度高
  5. 缺少 api proxy机制,跨域解决依赖后端同事
  6. deploy不兼容node 10+版本
  7. vue2对typescript支持不够(面向config架构导致),导致负责组件难以维护
  8. aev库大量污染vue原型对象,可能会有不兼容第三方库的隐患
  9. ssr方案只支持静态渲染,功能不完备
  10. 缺少移动端路由机制
  11. 不兼容主流vue体系跨端开发方案(uniapp,mpvue等)
  12. 缺少api mock
  13. vue组件库摇树优化配置繁琐
  14. 状态管理框架垃圾(vuex),为了抄袭而抄袭(redux),使用及其繁琐
  15. 文档不完善
  16. 等等(待补充)...

f22解决方案

  1. 使用typescript 基于 interface来抽象
  2. 直接用react-script
  3. 新的(f22-service)基于hook的service机制,fetch只做简单封装
  4. 同上一条
  5. 加入api proxy
  6. 升级一下deploy包 或者换一种部署模式(待确定)
  7. 使用typescript
  8. 使用react技术栈
  9. 开发新的基于react的ssr方案
  10. 开发f22-router(基于react-router)
  11. 兼容taro
  12. f22-service 引入mock机制
  13. react没这问题
  14. 基于Observer模式的简单状态管理库
  15. 完善文档

ToDoList 一期

f22-router (使用方法类似于vue-router 没有切换技术的心智负担)

  • [x] 基于配置的路由模式
  • [x] NavigationView
  • [x] keep-alive机制

f22-obserable (废弃)

  • [x] f22-obserable

f22-store (代替f22-obserable)

  • [x] state and dispatch
  • [x] 类型推导
  • [ ] 中间件机制

f22-service

  • [x] useFetch

f22-cli

  • [ ] 建立项目模板,直接用creat-react-app