Suicrux: demo

Demo sometimes becomes frozen by now. Retry in a few minutes, if it doesn't work.

What is this?

Universal starter with lazy-loading for your new Progressive Web App.

Previous release lives here.

Quick intro

Why this starter uses react-semantic-ui?

SPOILER: because SUI and SUIR are awesome

You're always free to use any other UI framework with suicrux. UI framework comparison here.

What's inside?

Client:

• React 16 and Redux
• SASS, PostCSS, and styled-components support.
• React-Router v4 + React-Router-Redux v5
• Redux-thunk, Redux-Devtools-Extension
• Fetch polyfill
• Semantic-ui-react - UI components.
• Store2 and js-cookie - LocalStorage and cookies.
• Lodash - is a dependency of SUIR.
• react-async-component - library for lazy-loading
• react-ga - advanced Google Analytics for React
• react-intl - i18n.
• immutable, reselect and normalizr

Build (Webpack):

Based on tiny-universal-skeleton and includes:

• Latest Webpack
• Babel: stage-1 and few cool plugins for development and production.
• HMR, hotMiddleware,
• Check your code with Eslint and Stylelint (that you can uncomment inside postcss.config.js)
• Offline-plugin
• favicons-webpack-plugin
• webpack-bundle-analyzer
• compression-webpack-plugin
• optimize-css-assets-webpack-plugin
• autodll-webpack-plugin
• assets-webpack-plugin
• optimize-js-plugin
• wepback-assets-manifest
• circular-dependency-plugin
• extract-text-webpack-plugin

Server:

• morgan - request logger middleware.
• helmet - secure your Express app.
• cookie-parser - cookie parsing middleware.
• body-parser - body parsing middleware
• compression - compression middleware (gzip).
• jsonwebtoken - JWT ~~for the win~~.
• raven - Sentry for Node

Other:

• Jest - awesome testing framework.
• And more tools for building and testing...

Usage

How it works?

"30-seconds guide":

  # Install
  git clone --depth=1 https://github.com/Metnew/suicrux.git
  cd suicrux
  npm install
  # Development
  npm run dev
  # Build
  npm run build
  # Production
  npm run start

More detailed:

v1.0.0 Release notes - most detailed description of the latest changes

Most commonly asked questions are here.

Webpack configuration

Available scripts

How does i18n work?

Testing

Why does this starter use react-semantic-ui?

Environment variables and configuration.

~~Starter architecture and design. (not finished)~~

Nearest future:

• CLI app
• Redux code-splitting

Something very important:

Have a question? Ask! :wink:

Any help is highly appreciated. PRs, issues, questions, enhancements are always welcome.

Author

Vladimir Metnew [email protected]

LICENSE

Apache License 2.0