Giter VIP home page Giter VIP logo

react-static-project-generator's Introduction

React-Static Project Generator

This is a tool that you can use to quickly generate new React-Static projects, with a Dockerized workflow. This tool relies heavily on the react-static create command, from the official React-Static project. Please see their official repo for documentation and general info.

The main script:

  • uses Docker to create new React-Static projects using react-static create.

  • requires Docker to already be installed.

  • will navigate one level up and create a new directory to generate the project.

E.g. if you are in ~/projects/react-static-project-generator, this script generates the project in ~/projects/[name].

Example

Here is an example for how you might use this tool:

cd ~/projects # go to your projects directory
git clone https://github.com/djiang9001/react-static-project-generator.git
cd react-static-project-generator
./react-static-generate -n my-website -t basic

This generates a new directory ~/projects/my-website with a blank react-static template.

Usage

usage: ./react-static-generate [-h] [-n name] [-t template]
  -n name (default value "website") is the name of the directory the project will be generated in.
  -t template (default value "basic") is the name of the template to be used.

Using Docker to Develop Your New Project

The Makefile is copied over to the new project. Running make dev in your new project will start up a Docker container and shell. Inside the shell, you can run various make targets to build and deploy the page locally. You can thus make changes on your host, and run the make targets to test and iterate. You can customize the Docker file and Makefile to fit your needs.

The script automatically removes the docker image and container after it is done. Likewise, once the docker container started by make dev finishes, the image and container are deleted.

react-static-project-generator's People

Contributors

djiang9001 avatar

Watchers

James Cloos 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.