Package updates

We've updated a bunch of outdated third party packages to their latest patch versions.

New: Docker support!

Running a Node + React server in production can be a challenge! You have to set up a server, install a web server to function as a reverse proxy pointing to your Express app and figure out how to reliably deploy your app. Who has time for that?

In order to make our own – and hopefully yours as well – lives easier we're adding Docker support to this kyt. There's more information in the readme, but remember these two commands:

Commands

Spin up a development server

docker-compose up

Run a production environment

docker-compose -f docker-compose-production.yml up

End to end testing, code coverage increase and refactoring

• Adds end to end testing examples to the stack with help of the Nightmare package
• Adds more unit tests to increase code coverage
• Refactored some components to decrease code complexity
• We now ignore some folders and files for code coverage statistics, focusing on the most important parts of the project first. Where possible we can reduce code coverage exclusions in the future.

Increased code coverage and added unit tests

This release focusses on showing examples of redux unit tests and increasing code coverage.

Changes included:

• testing basic redux scenarios
• testing the promiseMiddleware
• testing redux thunks
• added eslint as dev dependency
• fixing some linting errors

Maintenance release

• Updated to Kyt 0.5.1 which fixes some warnings outputted to the console
• Added coverage, build status and dependency status badges to the project on Github
• Updated .gitignore so we don't accidentally commit a yarn lockfile or npm shrinkwrap file
• Fixes a warning about react-svg-loader not being imported properly by Babel
• Copy over stylelint file from starter-kyt to initiated project
• Updated React Helmet to version 5

PromiseMiddleware bugfix

Due to a wrong key lookup the server and client bundles were not able to dispatch promises correctly within Redux. This caused errors on the server when using the static needs API and when dispatching promises through the promiseMiddleware in Redux on the client. These issues have been resolved.

Fixes failing unit test

This release adds the variables defined in Webpack with DefinePlugin as global variables to Jest. This fixes a failing unit test.

Rewrite logic of async data fetching

We found out Express did not wait for all promises to resolve before starting the render method. We've fixed that bug with this release. The public API did change, so if you rely on fetchData methods update your codebase by rewriting your static fetchData methods to needs arrays.

Also includes are smaller bugfixes, documentation errors and general cleanup of the code.

Patch fix

In v1.2.1 we introduced a bug where production builds would fail because the kyt.config.production.js file was not copied to a new starter-kyt project. This patch release fixes that mistake.

Storybook added to project

Big addition: We've added Storybook to the project!

React Storybook is a UI development environment for your React components. With it, you can visualize different states of your UI components and develop them interactively.
It runs outside of your app. So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

We've also made changes to the README, switching npm to yarn in the installation instructions. If you want to test out storybook run yarn storybook