@printrg/components

@fargtryckarn/components

Libraries

This boilerplate uses the following libraries and tools:

Core

• TypeScript
• React & React DOM for views.
• Router5 to handle in-app routing.
• Redux for managing application state.
• React Redux to use React-Redux bindings.
• React Router5 & Redux-Router5 integrate router5 with react and redux

Utilities

• Redux Saga make side effects (i.e. asynchronous things like data fetching and impure things like accessing the browser cache) in React/Redux applications easier and better.
• React Intl internationalize React apps
• Redux Form keep form state in a Redux store
• Isomorphic Fetch with ES6-Promise for using fetch api on both client & server side.
• React Helmet
• RavenJS for capturing exceptions during run time
• Raven for Redux for error using sentry (use config/main.local.js to enable sentry)
• TypeStyle make css typesafe

Build System

• Webpack for bundling.
  • Awesome TypeScript Loader as ts loader.
  • React Hot Loader for providing hot reload capability to our development server
  • File Loader
  • URL Loader
  • Manifest Plugin
  • TS Lint Loader for using tslint as preloader on build process.

Dev & Prod Server

• Webpack Dev Middleware
• Webpack Hot Middleware
• Express for running server both on client and server side.
• Serve Favicon for serving favicon.

Developer Experience

• TS Lint for linting TypeScript files.
• Redux Logger
• Redux DevTools
• Chalk for colored terminal logs.

Testing

• Jest as test runner.
• TS Jest as Jest preprocessor
• Enzyme for rendering React Components.
• Jest Enzyme for asserting React Components.
• Wallaby intelligent test runner for JavaScript that continuously runs your tests.

Usage

$ npm install @fargtryckarn/components

Credits

This boilerplate is based on Vortigern and is heavily updated. This boilerplate is released under the MIT license.