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-es6-commons

v0.1.18

Published

Common classes you may extend from to build ES6+ driven React experiences with ease and simplicity

Downloads

52

Readme

react-es6-commons

...is an ES6+ library containing classes you can extend from to build React front-end experiences with ease and simplicity. This library heavily encourages and leads you to a best-practice driven application architecture that keeps things simple.

This library is currently considered beta. Please decide carefully, if you really want to use it in production yet. However, I do so in my own projects and it works well for me.

Setup

Given that you already installed Node.js and npm in the most recent versions: Just create a new, empty directory and call:

> npm install react-es6-commons    

...to install all the required dependencies.

Because we really love to keep things simple, there is a boilerplate project you may want to use. Just call:

> cp -r node_modules/react-es6-commons/boilerplate/ .

...to create a simple boilerplate project covering a best-practice project setup.

Note: Take care to exactly use the command line above. A missing "-r" won't copy sub-directories. Adding * to the end of the source path would result in a missing .babelrc file.

Then run:

> npm install

...to resolve any dependency of the boilerplate app.

Now, we are ready to dig into the code. To read more about the boilerplate app's architecture, goto boilerplate.

Please contribute. Pushes welcome!

Do you like this library? Did it support you well? I'm always thankful for your valuable input, suggestions and issue reports. If you would like to contribute some new features, don't hesitate to open an issue for that suggesting your valuable improvement. Also please don't hesitate to directly push patches (defects, security issues, performance improvements), tests and better documentation.