• /auth - Authorization
• /profile - User profile
• /dashboard - User dashboard
• /marketplace - User marketplace
• /demo/gui - demo page

Modular starter kit for React+Redux+React Router projects.

• NPM scripts
• Features
• Testing
• Documentation

• npm run dev for development environment in watch mode
• npm run prod for production environment in watch mode

• npm run build:dev for development environment without watch mode
• npm run build:prod for production environment without watch mode
• npm run build:gh-pages for building production bundle for gh-pages

• npm run analyze:dev for development environment
• npm run analyze:prod for production environment

• npm run server:dev for development environment in watch mode
• npm run server:prod for production environment without watch mode

• npm run deploy:gh-pages for gh-pages

• npm run yeoman

• Typescript 2.x
• React 16.x
• React-router 4.x
• Redux
• Redux-saga for side-effects
• SCSS
• React-JSS
• BEM methodology
• Webpack 4.x
• Tests (Jest, sinon, enzyme)
• Test coverage
• Hot reload
• Yeoman blocks generator tasks (features, modules, ... )
• Code splitting (async chunks loading)
• Isomorphic
• Material-UI

Tests use framework Jest

• npm test or npm t - run tests
• npm run test:watch - run tests in watch-mode
• npm run test:debug - run with debug ( Chrome / VSCode / Webstorm ).
• npm run test:coverage - run with tests coverage. Results can be opened in the browser. <projectDir>/coverage/lcov-report/index.html.

import React from 'react';
import { shallow } from 'enzyme';
import GenericDateInput from './../GenericDateInput';

it('renders correctly', () => {
  const component = shallow(<GenericDateInput />)

  expect(component.debug()).toMatchSnapshot();
});

After the first test run, a reference snapshot is created, which will be placed in the __snapshots__ folder next to the test file. It needs to be checked for correctness. After changes in the layout of the component in the terminal, the changes that have occurred in the component will be displayed, and if these changes are expected, then you need to fix the new snapshots, to do this, just press the button in the terminal "u" (it is necessary that tests be run in watch-mode). ATTENTION!!! All snapshots that do not coincide with the reference ones will be overwritten!

o update snapshots for a specific test, you can use it.only(name, fn, timeout) or describe.only(name, fn), if we want to update snapshots for a group of tests.

If errors occur during testing in watch-mode:

For MacOS (Error: watch EMFILE): Remove watchman, globally installed via npm or yarn and install repeatedly via brew.

For Linux (Error ENOSPC): use command:

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

link on issue