Giter Site home page Giter Site logo

michaelcurrin / react-quickstart Goto Github PK

View Code? Open in Web Editor NEW
10.0 3.0 11.0 2 MB

Starter template for a React app - including docs, CI, and hosting โš› ๐Ÿ“ฆ

Home Page: https://michaelcurrin.github.io/react-quickstart/

License: MIT License

HTML 23.73% CSS 13.71% JavaScript 62.56%
react reactjs template create-app create-react-app javascript github-pages github-actions beginner quickstart

react-quickstart's Introduction

React Quickstart โš›๏ธ ๐Ÿ“ฆ

Starter template for a React app - including docs, CI, and hosting

GH Pages Deploy GitHub tag License

Made with Node Made with Yarn Made with React

Preview

Create a new React app

Use this project as a template:

Use this template

If you need something more minimal, see this Minimal app recipe.

Documentation

To install, run and deploy the app, see this project's docs:

Docs

To learn how to use this project and see how a React project works, see the Template notes section of the docs.

License

Released under MIT by @MichaelCurrin.

This project is based on the template from the React CLI. I have added my own docs, the deploy flow, made minor changes to the app, plus some additions to components.

react-quickstart's People

Contributors

dependabot[bot] avatar michaelcurrin avatar snyk-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

react-quickstart's Issues

Add to CI

  • Prettier
  • ESLint - already part of build?
  • actions/cache

https://github.com/peaceiris/actions-gh-pages/blob/fe5636cf9590ebe01679f64b7b359c74c71ebe03/package.json

    "all": "npm run format && npm run lint && npm test",
    "lint": "eslint ./{src,__tests__}/**/*.ts",
    "lint:fix": "eslint --fix ./{src,__tests__}/**/*.ts",
    "test": "jest --coverage --verbose --detectOpenHandles",
    "build": "ncc build ./src/index.ts -o lib --minify",
    "tsc": "tsc",
    "format": "prettier --write **/*.ts",
    "format:check": "prettier --check **/*.ts",
    "release": "standard-version",
    "update-deps": "(git diff 'HEAD@{1}' --name-only | grep 'package-lock.json' > /dev/null) && npm ci || :"

Extend with routing and components

Consider new project like demo of React Router. Maybe it goes in recipes or this repo, then setup a 3rd repo which is closer to what I'd use with basic and router.

Also look at form components as a demo here or another project.
If it's here, it can be deleted and unlinked to turn it off.

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.