Coder Social home page Coder Social logo

praveen-me / reenode Goto Github PK

View Code? Open in Web Editor NEW
10.0 2.0 0.0 14.21 MB

CLI for generating boilerplate using React โค๏ธ + Node ๐Ÿฌ. ๐Ÿš€

Home Page: https://www.npmjs.com/package/reenode

License: MIT License

JavaScript 52.75% HTML 12.54% CSS 34.71%
cli react-boilerplate webpack4 hot-module-replacement nodejs expressjs cli-boilerplate redux mongodb eslint

reenode's Introduction

Welcome to reenode ๐Ÿ‘‹

Version Twitter: am_pra_veen

๐Ÿ”ฅ A CLI for generating React + Node boilerplates ๐Ÿš€ with handful configurations. reenode helps you to create boilerplates with different configurations such as react-router, redux and MongoDB.

๐Ÿ  Homepage

Demo ๐ŸŽฅ

GIF

Install

Node version should be 10 or 10+.

npm install -g reenode
yarn global add reenode

Usage

  • create [app-name]: helps to create boilerplate that you want. Just run: reenode create my-app
  • --help | -h: Helps you to get help about reenode.
  • --version | -v: Gives current version of reenode.

You can simply create a project by running:

reenode create project-name

Features

  • Hot Module Replacement in client-side in dev mode.
  • Live server reloading using nodemon in dev mode.
  • Different boilerplates generation.
  • eslint and prettier setup.

Setup for ESlint + Pritter + VS Code:

  "prettier.eslintIntegration": true,
  "prettier.jsxBracketSameLine": true,
  "editor.formatOnSave": true,

Introduction

Every boilerplate container three main folders:
Note: Feel free to edit files according to your need.

  • client : This folder contains all the code related to client such as react, redux, react-router, etc.
  • server : This folder contains all the code related to server such as node, express, mongodb.
  • build-utils : This folder contains all the configuration related to webpack.

Author

๐Ÿ‘ค Praveen Kumar Saini

๐Ÿ“ License

Copyright ยฉ 2019 Praveen Kumar Saini.
This project is MIT licensed.

Show your support

Give a โญ๏ธ if this project helped you!


This README was generated with โค๏ธ by readme-md-generator

reenode's People

Contributors

praveen-me avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.