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.
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-1and 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 startMore 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! 😉
Any help is highly appreciated. PRs, issues, questions, enhancements are always welcome.
Author
Vladimir Metnew vladimirmetnew@gmail.com
LICENSE
Apache License 2.0