Giter VIP home page Giter VIP logo

udaypydi / react-simple-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
39.0 4.0 7.0 10.15 MB

Simple React Boilerplate with Webpack, Github Actions, Scss, Lazy Loading etc....

Home Page: https://react-simple-boilerplate.vercel.app

License: MIT License

JavaScript 97.44% HTML 0.61% SCSS 1.95%
react travis-ci npm webpack react-testing-library jest eslint webpack-dev-server react-boilerplate scss

react-simple-boilerplate's Issues

Create an interactive CLI

**Is your feature request related to a problem?
Currently this project has to be cloned or forked everytime to set up a project. Set up an interactive cli like create-react-app

create a base webpack config

move common webpack configs to a base file. Create a webpack.base.config.js file and move the common loaders, plugins to the file.

Add theming support

Is your feature request related to a problem? Please describe.
Add a theming support. Anyone should be able to get started by just passing a config (JSON)

Add tailwindcss support

Is your feature request related to a problem? Please describe.
A library for handling css in an easier way

Describe the solution you'd like
Tailwind css

Describe alternatives you've considered
Css, Scss, ui libraries

Add react router v5

Add react router v5 to the boilerplate. Easy to set up and configurable routes should be the first priority.

Create a CLI with Inquirer

Is your feature request related to a problem? Please describe.
Currently the react simple boilerplate is just a package. Make it an interactive cli tool.

Describe the solution you'd like
Use inquirer:
https://www.npmjs.com/package/inquirer

Describe alternatives you've considered
yargs was considered earlier.

Add git pre commit hooks

  • Currently the lint and test cases checks runs whenever the PR is raised. It would be great if the lint checks are done before commit, so that it avoids an extra commit to fix lint.

Add Contribution.md

Add a contribution guideline document so that it guides the contributors in submitting PRs to the repository

Add typescript support

Is your feature request related to a problem? Please describe.
Add support for typescript.

Describe the solution you'd like
Add tsconfig and ts-loader in order to support typescript

Describe alternatives you've considered
Currently the boilerplate supports js, jsx

Additional context
N/A

Add recoil support

Is your feature request related to a problem? Please describe.
Add recoil support to boilerplate

Add image loaders in webpack

webpack needs a file loader in order to support images. Add file-loader for all the assets in webpack prod and dev configs.

Improve Readme

Currently the Readme of the project is very basic. A good project always need a good readme. Contributions to the README are most welcome.

Add HMR support

Is your feature request related to a problem? Please describe.
Add hmr support so that page reload isn't required anymore.

Describe the solution you'd like
Add a webpack dev middleware and a hot module loader for the app.

Add styled components support

The boilerplate supports scss styling currently. Add styled components to the boilerplate for prop based style handling and scope resolution

Add sample test cases

Is your feature request related to a problem? Please describe.
Add sample test cases

Solution
Use react-test-library and jest

Move Out Of Travis To Github Action

Is your feature request related to a problem? Please describe.
Current implementation is on top of travis ci which validates every PR to master.

Describe the solution you'd like
Move the ci shields to Github Actions. Create two versions of shields one one older version of node and one on stable version of node.

Describe alternatives you've considered
Github Action

Generic Loader Set Up

Is your feature request related to a problem? Please describe.

Generic loader set up.

Lazy Load Components

Lazy Load index components so that the index bundle size is reduced. Add loader component in Suspense API as a fallback while lazy loading.

Update document

Is your feature request related to a problem? Please describe.
The document is old compared to the number of features added.

Describe the solution you'd like
Add the new features to documentation

Describe alternatives you've considered
N/A

Additional context
N/A

Theming support

Add theming support in the form of a HOC where the root App component is wrapped with an HOC to pass the theme throughout the project.

 ex: withTheme(App)

Monolith using lerna

Is your feature request related to a problem? Please describe.
Create a monlith using lerna

Describe the solution you'd like
yarn workspaces are good for monlith repos but has complexities in publishing the packages and maintaining versions.

Describe alternatives you've considered
yarn workspace was tried earlier. Use lerna.

Fix: (lint staged) and git pre hooks

Describe the bug
Git pre commit hooks doesn't work as expected.

To Reproduce
Steps to reproduce the behavior:

  1. Make code changes
  2. git add
  3. git commit

Expected behavior
Should run tests and lint on the staged files.

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.