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-node-react

v1.8.2

Published

Basic Boilerplate for Node-React Apps.

Downloads

8

Readme

generator-node-react

NPM

A Basic ReactJs & NodeJs boilerplate for Beginners A boiler Plate to save you from the pain of setting up things for a ReactJs - NodeJs App with Modular CSS Support. Get the Boilerplate from GitHub from here

###Follow the Steps to generate the Folders

  1. You must have yeoman installed npm install -g yo.
  2. Type npm i generator-node-react
  3. Now go to the desired folder and type yo node-react

Awesome, Now run the below commands to Start the server

Folder Structure

screen shot 2017-09-17 at 10 33 43 pm

To Install

  • npm i - install dependencies

To Run Developer Environment

  • npm run start-dev - This will do Transpiling, Building and running the server. It will watch for the changes and repeat the process.

In Production

  • npm run start - This will do Transpiling, Building and running the server. Well you dont have to worry about this. Most of the servers will take care of this.

NPM Packages Used

  • axios - Promise based HTTP client for the browser and node.js
  • express - Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
  • react - React is a JavaScript library for building user interfaces.
  • react-dom - React package for working with the DOM.
  • babel-* - Babel is a JavaScript compiler. And its related packages
  • nodemon - To watch and restart file changes om server side
  • webpack - Helps bundling your code

Please raise any issue in the GitHub Repo