anvaka

npm rank

This gist is updated daily via cron job and lists stats for npm packages:

1. Top 1,000 most depended-upon packages
2. Top 1,000 packages with largest number of dependencies
3. Top 1,000 packages with highest PageRank score

developit

Webpack Starter Template

This is a basic Webpack project template for a web app written in ES6 & LESS.

This assumes you have a directory structure as follows:

package.json
webpack.config.js
src/

joshq00

{
   "presets": [ "react", "es2015" ],
   "plugins": [
      "transform-es2015-modules-commonjs",
      "transform-react-constant-elements",
   ]
}

developit

# SETUP: install documentation.js:
npm i -g documentation browser-pipe

# SETUP: install gist cli (github.com/defunkt/gist)
brew install gist

# generate docs, upload to gist.github.com, then pipe the Gist URL to Documentation Viewer in your browser:
documentation src | gist -p -f docs.json | awk '{print "https://documentation-viewer.firebaseapp.com/#"$1}' | browser-pipe

staltz

How to show migration guides in GitHub Markdown

Use the diff code highlighting tag.

  ```diff
  - foo
  + bar

Example:

developit

This is a first crack at generated docs for Preact.

attributes

children

Component

Base Component class, for he ES6 Class method of creating Components

developit

// series/sequence
let [a, b] = [await one(), await two()];

// parallel
let [a, b] = await* [one(), two()];

bcoe

npm Users By Downloads (git.io/npm-top)

---

npm users sorted by the monthly downloads of their modules, for the range May 6, 2018 until Jun 6, 2018.

Metrics are calculated using top-npm-users.

#	User	Downloads

developit

Hi!

This is an example of how to use [Rollup] with external dependencies, without hard-coding them.

It reads your installed NPM dependencies and treats them as external to Rollup. They still get bundled, but not as ES2015.

Make sure you have a .babelrc or a "babel":{} section in your package.json.

developit

// mixins with createClass:
const Foo = createClass({
  ...someMixin,

  render: ({ onClick, children }) => (
    <div class="foo">
      <button onClick={onClick}>Click Me</button>
      { children }
    </div>
  )