|
2 | 2 |
|
3 | 3 | [![Gitter][gitter-img]][gitter-link] |
4 | 4 | [](https://travis-ci.org/WeLikeGraphQL/universal-react-apollo-example) |
5 | | -[](https://coveralls.io/github/WeLikeGraphQL/universal-react-apollo-example?branch=master) |
6 | 5 |
|
7 | 6 | > An example of the app that shows how to use a modern stack (strong accent on GraphQL!). |
8 | 7 |
|
|
12 | 11 | ## Features |
13 | 12 |
|
14 | 13 | - [GraphQL](http://graphql.org/) for fetching data! The most awesome part of the project! |
15 | | - - Universal Rendering |
| 14 | + - Universal Rendering (Server Side Rendering) |
16 | 15 | - ES6/ES2015 with [Babel](https://babeljs.io/) |
17 | 16 | - React data container for the [Apollo Client](http://dev.apollodata.com/react/) |
18 | 17 | - Integrating predictable state container [Redux](http://redux.js.org) with Apollo |
19 | | - - Hot reloading using [react-transform-hmr](https://github.com/gaearon/react-transform-hmr) |
| 18 | + - Hot reloading using [React-Hot-Loader](https://github.com/gaearon/react-hot-loader) |
| 19 | + - [Recompose](https://github.com/acdlite/recompose) as a React utility belt for higher order components |
20 | 20 | - Development and production bundling by [Webpack](https://webpack.github.io) |
21 | 21 | - [CSSNext](http://cssnext.io/): use of official W3C syntax of the future CSS |
22 | 22 | - Transforming styles with JS plugins by [PostCSS](http://postcss.org/) |
23 | 23 | - [Wow.js](http://mynameismatthieu.com/WOW/) for CSS animations |
24 | 24 | - [Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) for resolving [layout fatigue](http://blog.karenmenezes.com/2014/apr/13/floats-inline-block-or-display-table-or-flexbox/) and making the app responsive (open the app in desktop, mobile, whatever...). Doesn't work on IE 9, but it should not be a problem nowadays. See [browsers usage](http://caniuse.com/usage-table). |
25 | 25 | - [CSS Modules](https://github.com/css-modules/css-modules): say goodbye to global scope in CSS and most of conflicts |
26 | | - - [Jest](https://facebook.github.io/jest/), [Enzyme](http://airbnb.io/enzyme/), [Chai](http://chaijs.com/), [Sinon](http://sinonjs.org/) for testing (no [snapshot](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html) tests yet) |
| 26 | + - [Jest Snapshot Testng](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html), some parts in [Enzyme](http://airbnb.io/enzyme/) and [Sinon](http://sinonjs.org/) |
27 | 27 | - Linting both JS and CSS, respectively by: [ESLint](http://eslint.org/) and [Stylelint](http://stylelint.io/) |
28 | 28 |
|
29 | 29 | ## Running the app |
|
0 commit comments