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

dol

v0.0.2

Published

A scaffold to build react project with powerful feature, and more.

Downloads

13

Readme

1 是什么

dolphin 一套前端“协同”开发的解决方案,这便是 dolphin,它由一个脚手架工具 dol,以及一套对应的开发手册两部分所组成。

  • dol(基于 yeoman)
  • develop norms

目前,dolphin 基于 react 生态来架构项目,为 redux、mobx 分别提供了开发方案。当然,如果你更喜欢裸奔,dolphin 也提供了支持(虽然并不推荐)。

值得说明的是,不同于常见脚手架只是提供了项目的构建,dol 脚手架的使用贯穿了开发的整个生命周期。事实上,generator-dophin 和开发手册是不可分割的一部分。原则上,如果能通过脚手架保证开发的规范化,脚手架就会提供相应的工具。

点击 这里 查看 dolphin 详细文档。

2 为什么

不同于许多传统行业,在互联网的高速发展的背景下,软件产品往往需要非常频繁的迭代,当然,同样频繁迭代的还有支持产品的技术本身。而产品的迭代需求和技术的迭代需求常常会陷入冲突,团队越大,冲突就越明显。

2.1 团队项目的特点

这种冲突根本上是源于团队项目自身的特点。具体说来就是:

个体差异大

  • 代码风格
  • 开发经验&编码素质

人员流动频繁

  • 外部-内部:离职、招新
  • 内部-内部:轮岗、调岗

2.2 团队项目的困境

团队项目的特点决定了在实践中,项目存在以下困境

新技术难应用

  • 适合项目的新技术接入成本高,学习曲线陡峭
  • 优秀的开发实践难以落地和推广

老项目难维护

  • 重构成本高,只能打补丁,恶性循环,开发效率低下

2.3 解决方案

所以,需要一个解决方案,来尽可能降低产品迭代和技术迭代的成本,并提高产品迭代和技术迭代的效率。下面从 3 个角度来说明上述问题的解决方案。

手段

  1. 项目脚手架
  2. 开发手册

目标

  • 统一的开发方式
  • 统一的项目架构
  • 统一的项目升级/重构方案

收益

  • 团队内部的技术实践更容易落地
  • 新技术的应用门槛更低
  • 重构成本和风险降低
  • 兜底(当开发人员还不熟悉一个技术之前,提供一个现成的方案,保证代码的基本质量)

3 路线图

dolphin 当前流行的前端架构方式的一套“最佳实践”,说到“最佳实践”,dolphin 远远还没有发展到“最佳”的状态,而且毫无疑问,一个好的工具一定是与时俱进的,dolphin 当然也不例外。点击这里,了解 dolphin 最近的计划。

4 关于 dolphin 这个名字

dolphin 即“海豚”。起初,我想应该用一个大家熟悉的事物来命名,最终选择 dolphin,是因为 dolphin 这种生物身上有许多和这套工具本身十分切合的地方,具体说来,列举如下:

  • 乐于助人的天性:海豚很喜欢推动漂浮在海面上的物体,所以在海洋落水,除了指望“上帝派来的轮船”,还有海豚。
  • 亲和力十足的外在:前额突起让海豚极易识别,而且看起来非常可爱,加上独特的流线型的身材,美呆。
  • 聪明:虽然智力的评价标准非常多样,但感性得说,成年海豚的智能可以类比 13 岁的人类。
  • 速度:独特的流线型身材,让海豚可以达到惊人的 70km/h 的速度。
  • 具备沟通能力:发达的语言系统
  • 高超的协作技巧:总是团队行动,协作技巧高超,鲨鱼遇到海豚只有逃命的份儿。
  • 独特:海豚拥有两个大脑,交替使用,因此被称为“不眠的动物”。

所以,dolphine ,“顾名思义”,它是一个易用的、聪明的、对项目性能有保障的、可交互的、尤其适合团队的独特的工具。欢迎使用 dolphin,并给我反馈,让 dolphin 能构成为前端 WEB 开发生涯中的一个可信赖的伙伴。