react-kits

React dev kits

Usage no npm install needed!

<script type="module">
  import reactKits from 'https://cdn.skypack.dev/react-kits';
</script>

README

react-kits Build Status npm version

Opinionated Fullstack React toolkits featuring project generation, dev server, build production bundle, and common devtools.

Inspired by react-scripts from create-react-app

If you just start learning React, please try create-react-app

Why not 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, 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 ready for faster rebuild
  • PWA ready

Tech stacks
React Redux React Helmet Async Express
loadable-component SASS Babel Jest

Structure

The project consists of following packages:

They're managed by Lerna so you don't need to do stuff manually (linking, releasing, etc) :D

Getting started

npx react-kits init myapp

Contributing

# First, clone the repo
# then install
yarn

# Bootstrap packages
yarn bootstrap

# Ready to develop locally!

Release packages

npm run release

# This will run `build` script for each package before release

License

MIT