npm 包纪录片

329 阅读1分钟

1. braft-editor

www.npmjs.com/package/bra…

braft.margox.cn/demos/basic

image.png

2. antd-img-crop

www.npmjs.com/package/ant…

codesandbox.io/s/antd-img-…

image.png

3. codemirror

www.npmjs.com/package/cod…

4.dom-to-image

www.npmjs.com/package/dom…

5.file-saver

www.npmjs.com/package/fil…

6.http-server

7.qrcode.react

www.npmjs.com/package/qrc…

8. react-dnd

www.npmjs.com/package/rea…

react-dnd.github.io/react-dnd/e…

9. react-dnd-html5-backend

www.npmjs.com/package/rea…

10. react-draggable

www.npmjs.com/package/rea…

95649276-f3a02480-0b06-11eb-8504-e0614a780ba4.gif

11. react-grid-layout

www.npmjs.com/package/rea…

687474703a2f2f692e696d6775722e636f6d2f6f6f314e5436632e676966.gif

12.react-hotkeys-hook

www.npmjs.com/package/rea…

react-hotkeys-hook.vercel.app/docs/docume…

13. react-text-loop

www.npmjs.com/package/rea…

d5e9c38c-0fd9-11e7-9b75-46dc00421cd7.gif

5d48c6e2-1026-11e7-85b8-e7cfe07f4714.gif

14. redux-undo

www.npmjs.com/package/red…

15. socket.io-client

www.npmjs.com/package/soc…

16. yorkie

www.npmjs.com/package/yor…

17. react-sortable-hoc

www.npmjs.com/package/rea…

clauderic.github.io/react-sorta…

image.png

18. array-move

www.npmjs.com/package/arr…

import {arrayMoveImmutable} from 'array-move';

const input = ['a', 'b', 'c'];

const array1 = arrayMoveImmutable(input, 1, 2);
console.log(array1);
//=> ['a', 'c', 'b']

const array2 = arrayMoveImmutable(input, -1, 0);
console.log(array2);
//=> ['c', 'a', 'b']

const array3 = arrayMoveImmutable(input, -2, -3);
console.log(array3);

19.autoprefixer

www.npmjs.com/package/aut…

::-moz-placeholder {
  color: gray;
}
:-ms-input-placeholder {
  color: gray;
}
::placeholder {
  color: gray;
}

.image {
  background-image: url(image@1x.png);
}
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 2dppx) {
  .image {
    background-image: url(image@2x.png);
  }
}

20. prop-types

www.npmjs.com/package/pro…

.... ... .... .... .....

30 .invariant