Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/restuwahyu13/react-boilerplate
minimalize modern react boilerplate created using webpack 4 include technology pwa and include popular tools for react developer
https://github.com/restuwahyu13/react-boilerplate
javascript javascript-es6 minimalistic pwa pwa-boilerplate pwa-starter-kit react react-staterkit reactapplication reactboilerplate reactjs reactjs-boilerplate reactjs-es6 starterkit webpack webpack-boilerplate webpack4
Last synced: 3 months ago
JSON representation
minimalize modern react boilerplate created using webpack 4 include technology pwa and include popular tools for react developer
- Host: GitHub
- URL: https://github.com/restuwahyu13/react-boilerplate
- Owner: restuwahyu13
- License: other
- Created: 2020-07-14T14:38:18.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-02-06T11:06:24.000Z (almost 4 years ago)
- Last Synced: 2023-03-05T22:54:33.729Z (almost 2 years ago)
- Topics: javascript, javascript-es6, minimalistic, pwa, pwa-boilerplate, pwa-starter-kit, react, react-staterkit, reactapplication, reactboilerplate, reactjs, reactjs-boilerplate, reactjs-es6, starterkit, webpack, webpack-boilerplate, webpack4
- Language: JavaScript
- Homepage: https://react-csa.netlify.app
- Size: 1.68 MB
- Stars: 18
- Watchers: 1
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
### Minimalize Modern React Boilerplate (Easy To Customize)
**Berikut** adalah **React Boilerplate** yang sudah siap pakai untuk **Production** atau **Development** yang sudah terintegrasi dengan beberapa tools **Front-End** populer khususnya untuk **React Developer** dan bisa di **customisasi** sesuai dengan selera masing - masing bagi siapa saja yang mau menggunakannya, dikarenakan dari masing - masing orang mungkin ingin mempunyai standar **customisasi** nya sendiri sesuai dengan keinginannya masing - masing, **demo mini project** menggunakan [**React CSA Boilerplate**](https://ngintip-ongkir.herokuapp.com).
#### Run Application
- Development Mode - **npm run s**
- Production Build - **npm run b**
- Production Build & Analyzer Bundle - **npm run ba**
- Testing React Component - **npm run t**
#### Features
- [x] Support REACT HMR & CSS HMR
- [x] Support Proggresive Web Apps (PWA) For Production
- [x] Support SASS Preprocessor CSS
- [x] Support Dynamic Import & Code Splitting
- [x] Support Linting JavaScript & CSS
- [x] Support .env File
- [x] Support Manual Proxy Like CRA
- [x] Support GraphQL
- [x] Support Friendly Error
- [x] Support Styled Components & Another CSS Library In JS
- [x] Support Unit Test Jest & Enzyme
- [x] And More
#### Build Include Technology
- React
- Webpack
- Babel
- Workbox
- Eslint
- Prettier
- Stylelint
- Postcss
- Jest
- Enzyme
- Any More
#### TIPS (Menyajikan file content yang di compress)
- install **express-static-gzip**
- kemudian tambahkan `code` seperti ini di **Back-End Server** anda.
```javascript
if (process.env.NODE_ENV === 'production') {
app.use(express.static(resolve(process.cwd(), 'client/build')))
app.use(
'*',
staticGzip(resolve(process.cwd(), 'client/build/static/js'), {
enableBrotli: true
})
)
app.get('*', (req, res) => {
res.sendFile(resolve(process.cwd(), 'client/build/index.html'))
})
}
```
- atau dengan menambahkan [custom content header middleware ](https://pastebin.com/8zwPjiSH) **(optional)**
#### Global Method TDD Unit Test
- shallow
- mount
- render
- renderer
- renderHook
- act
- addClear
- cleanup
- createSerializer
- toJson
#### Author
- **[Restu Wahyu Saputra](https://github.com/restuwahyu13)**
#### LICENSE
- **[MIT](https://github.com/restuwahyu13/react-boilerplate/blob/master/LICENSE.md)**