udaypydi / react-simple-boilerplate Goto Github PK
View Code? Open in Web Editor NEWSimple React Boilerplate with Webpack, Github Actions, Scss, Lazy Loading etc....
Home Page: https://react-simple-boilerplate.vercel.app
License: MIT License
Simple React Boilerplate with Webpack, Github Actions, Scss, Lazy Loading etc....
Home Page: https://react-simple-boilerplate.vercel.app
License: MIT License
**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
move common webpack configs to a base file. Create a webpack.base.config.js
file and move the common loaders, plugins to the file.
Is your feature request related to a problem? Please describe.
Add typescript suppport to boilerplate
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)
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 to the boilerplate. Easy to set up and configurable routes should be the first priority.
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.
Webpack dev server doesn't open a tab on running npm run dev
. Add --open
flag to dev mode.
Add a contribution guideline document so that it guides the contributors in submitting PRs to the repository
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
Is your feature request related to a problem? Please describe.
Add recoil support to boilerplate
webpack needs a file loader in order to support images. Add file-loader for all the assets in webpack prod and dev configs.
Currently the Readme of the project is very basic. A good project always need a good readme. Contributions to the README are most welcome.
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.
The boilerplate supports scss styling currently. Add styled components to the boilerplate for prop based style handling and scope resolution
Is your feature request related to a problem? Please describe.
Add sample test cases
Solution
Use react-test-library and jest
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
Is your feature request related to a problem? Please describe.
Generic loader set up.
Currently the boilerplate has a very naive website : http://react-simple-boilerplate.surge.sh/
Add all the components and proper documentation in the website with proper SEO.
The documentation skeleton is already in place. Need to add components that are part of react-simple-boilerplate.
Lazy Load index components so that the index bundle size is reduced. Add loader component in Suspense API as a fallback while lazy loading.
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
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)
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.
Describe the bug
Git pre commit hooks doesn't work as expected.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Should run tests and lint on the staged files.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.