https://github.com/khtdr/redux-react-koa-isomorphic-counter-example

Isomorphic port of the redux counter app
https://github.com/khtdr/redux-react-koa-isomorphic-counter-example

isomorphic koa react react-server-side-rendering-demo redux redux-counter

Last synced: about 1 month ago
JSON representation

Isomorphic port of the redux counter app

• Host: GitHub
• URL: https://github.com/khtdr/redux-react-koa-isomorphic-counter-example
• Owner: khtdr
• Created: 2015-06-26T22:32:51.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2022-08-11T03:33:38.000Z (over 2 years ago)
• Last Synced: 2024-10-01T09:03:14.804Z (4 months ago)
• Topics: isomorphic, koa, react, react-server-side-rendering-demo, redux, redux-counter
• Language: JavaScript
• Homepage:
• Size: 3.2 MB
• Stars: 77
• Watchers: 8
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#### changelog

- Remove deprecated services and update dependencies - _August 10 2022_

- Upgraded to the latest versions. - _May 30 2019_

- Upgraded _everything_ to the latest versions. - _April 20 2019_

- Updated to the latest **React 16** and **Redux 4** - _June 23 2018_

- Added Cypress.io tests with Travis CI - _June 23 2018_

# What is this?

Bundled with [Redux](https://redux.js.org/) is an example

application called

[counter](https://github.com/reduxjs/redux/tree/master/examples/counter).

This is an isomorphic port of the counter app using [Koa](http://koajs.com/). It uses [isomorphic-fectch](https://github.com/matthew-andrews/isomorphic-fetch) to load the initial state on the server, and update the state from the client. Data retrieved and set via `POST`s and `GET`s to and from the API [src/server/api.js](https://github.com/khtdr/redux-react-koa-isomorphic-counter-example/blob/master/src/server/api.js).

# Installing

```bash

git clone [email protected]:khtdr/redux-react-koa-isomorphic-counter-example.git

cd redux-react-koa-isomorphic-counter-example.git

yarn install

```

# Running

To run a compiled production version:

```bash

yarn start

```

_If you have errors, make sure you are using an **LTS node version** and try again._

# Using

- Open [http://localhost:3000](http://localhost:3000)

- Press the buttons a few times

- Reload page and inspect source to see the value in the HTML source

# Development

To run a development version with hot reloading:

```bash

yarn run dev

```

To run dev + Cypress tests:

```bash

yarn run dev &

yarn run cypress:open

```