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

react-gulp-es6-seed

v0.0.6

Published

Basic react component

Downloads

12

Readme

React/Express starter project with build pipeline

This is a simple seed project for a react project with a simple node/express backend, based off of the react tutorial, but written in es2015 syntax.

Initial setup

Clone the project

git clone http://[email protected]/scm/~mr96763/thor-react-seed.git

Run npm install

cd thor-react-seed npm install

Install livereload chrome extension

https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei?hl=en

In order to enable live reload, you need to click the symbol. If there is a black filled circle in the middle, it is running.

Commands

gulp build / npm run build

This builds the code into the /public/build directory and depends on the test task. This build will minify the build.js file as well.

NOTE: This build process will not bundle react and react-dom into the build.js file, as any consuming apps should already have react and react-dom as dependencies somewhere. If you want to test build.js for whatever reason, you will need to import them into index.html just use:

  <script src="https://fb.me/react-0.14.7.js"></script>
  <script src="https://fb.me/react-dom-0.14.7.js"></script>

npm run start-dev

This runs a nodemon of the server (live reloading on the server) as well as the live reloading/rebuilding for the front end.

npm start

This simply runs the node server

gulp test / npm run test

This runs the unit tests

Notes

This will be updated with more stuff such as gulp tasks to bundle/publish to npm