1.0.8 • Published 5 years ago

@frendyguo/rift-scripts v1.0.8

Weekly downloads
17
License
MIT
Repository
github
Last release
5 years ago

Rift (DEVELOPMENT)

Rift is a universal React development framework. Rift aims to simplify React app development by hiding away high complexity configurations while also providing smooth developer experience such as create-react-app.

Rift is highly inspired from Jared Palmer's Razzle, Zeit's Next.js, Tokopedia's Treats and Facebook's create-react-app.

What Rift comes with:

  • Hot Module Replacement (Hot Reload) 🔥 ✅
  • Server-side rendering 🌐 ✅
  • ES6 presets ✅
  • Supports multiple css modules such as LESS / SASS ✅
  • Code-splitting support ✂ ✅
  • Highly configurable webpack configurations ✅
  • Built-in Jest testing environment ✅
  • SVG, fonts, image files support ✅
  • Next.js like data fetching experience ✅

What's coming next:

  • Optional GraphQL support
  • Optional Redux support
  • Optional Mobx support
  • Client-side rendering only app

How Rift works

On development environment

Rift setups 2 different webpack instances running in parallel with hot module replacement support, one for server (default: localhost:3000) and one for client development server (localhost:3001), and with a little help from http-proxy-middleware, our server will then be able to access our client bundles by proxy-pointing to our client development server via localhost:3000/__WDS__.

On production environment,

Rift will simply start an optimized bundling on our server and client codes onto a dist directory

Author