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

generator-reactapp

v1.5.3

Published

Yeoman generator

Downloads

64

Readme

generator-reactapp

NPM version build status David deps node version Gittip

NPM


What

generator-reactapp is a yeoman generator for react app.

Dependencies:


Why

Quickly start a project.


How

Getting Started

To install Yeoman

npm install -g yo

To install generator-reactapp from npm, run:

npm install -g generator-reactapp

Finally, initiate the generator:

yo reactapp

And then, generate feature by sub-generator:

yo reactapp:feature

Starting the dev-server and api-server

npm start

Running Tests

npm test

OR

npm run testing

Building Project

Building for production

npm run build 

Project Structure

  • .babelrc babel config

  • .editorconfig editor config

  • .eslintrc eslint config

  • gulpfile.js gulp tasks

  • server.js dev-server

  • api.js mock api server

  • db.json mock database for api

  • webpack.config.js webpack config

  • test/ tests

  • src/

    • templates/index.html html entry template
    • assets/
    • constants/ common constants
    • components/ react components(reusability)
    • styles/ css styles
    • containers/ react containers(route)
    • apis/ api config
    • stores/ mobx stores
    • actions/ redux actions
    • reducers/ redux reducers
    • sagas/ redux sagas
    • schemas/ redux schemas
    • selectors/ redux selectors
    • index.jsx js entry
    • libs.jsx js vendor
    • config.js config
  • dist/ generated by building

License

MIT