https://github.com/antonybudianto/react-kits
⚔️ Opinionated Fullstack React toolkits featuring project generation, dev server, build production bundle, and common dev-tools. This is simple DIY create-react-app.
https://github.com/antonybudianto/react-kits
cli fullstack hmr react reactjs ssr toolkits
Last synced: 12 months ago
JSON representation
⚔️ Opinionated Fullstack React toolkits featuring project generation, dev server, build production bundle, and common dev-tools. This is simple DIY create-react-app.
- Host: GitHub
- URL: https://github.com/antonybudianto/react-kits
- Owner: antonybudianto
- License: mit
- Created: 2018-07-11T01:24:31.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-06-12T13:34:57.000Z (about 7 years ago)
- Last Synced: 2025-02-02T01:11:28.645Z (over 1 year ago)
- Topics: cli, fullstack, hmr, react, reactjs, ssr, toolkits
- Language: JavaScript
- Homepage:
- Size: 1.17 MB
- Stars: 14
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-github-projects - react-kits - ⚔️ Opinionated Fullstack React toolkits featuring project generation, dev server, build production bundle, and common dev-tools. This is simple DIY create-react-app. ⭐14 `JavaScript` (📦 Legacy & Inactive Projects)
README
# react-kits [](https://travis-ci.com/antonybudianto/react-kits) [](https://badge.fury.io/js/react-kits)
Opinionated Fullstack React toolkits featuring project generation, dev server, build production bundle, and common devtools.
Inspired by `react-scripts` from [create-react-app](https://github.com/facebook/create-react-app)
> If you just start learning React, please try [create-react-app](https://github.com/facebook/create-react-app)
Why not [create-react-app](https://github.com/facebook/create-react-app)?
- You want to house your own toolkit for your startup/company, with lots of opinionated customization
- You want full control of your build configuration, but in a manner of reusable toolkits (e.g. [react-scripts](https://github.com/facebook/create-react-app), [kcd-scripts](https://github.com/kentcdodds/kcd-scripts))
## Requirement
- Node >= 8.10.0
## Main features
- SSR (Server-side rendering)
- Universal Code-splitting (lazy + eager)
- Full HMR (Hot module reload)
- Data prefetching
- [DLL](https://webpack.js.org/plugins/dll-plugin/) ready for faster rebuild
- [PWA](https://developers.google.com/web/progressive-web-apps/) ready
## Tech stacks
| | | | |
|-------------------------------------------------------------------------- |-------------------------------------------------------- |----------------------------------------------------- |----------------------------------- |
| [React](https://reactjs.org/) | [Redux](https://redux.js.org/) | [React Helmet Async](https://github.com/staylor/react-helmet-async) | [Express](https://expressjs.com/) |
| [loadable-component](https://github.com/smooth-code/loadable-components) | [SASS](https://github.com/webpack-contrib/sass-loader) | [Babel](https://babeljs.io/) | [Jest](https://jestjs.io/) |
## Structure
The project consists of following packages:
- [react-kits-cli](https://github.com/antonybudianto/react-kits/tree/master/packages/react-kits-cli)
- [react-kits-server](https://github.com/antonybudianto/react-kits/tree/master/packages/react-kits-server)
They're managed by [Lerna](https://github.com/lerna/lerna) so you don't need to do stuff manually (linking, releasing, etc) :D
## Getting started
```sh
npx react-kits init myapp
```
## Contributing
```sh
# First, clone the repo
# then install
yarn
# Bootstrap packages
yarn bootstrap
# Ready to develop locally!
```
### Release packages
```sh
npm run release
# This will run `build` script for each package before release
```
## License
MIT