GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → khtdr → redux-react-koa-isomorphic-counter-example

khtdr / redux-react-koa-isomorphic-counter-example

Licence: other
Isomorphic port of the redux counter app

Programming Languages

javascript
184084 projects - #8 most used programming language
Makefile
30231 projects
HTML
75241 projects

Labels

reactreduxkoaisomorphicredux-counterreact-server-side-rendering-demo

Projects that are alternatives of or similar to redux-react-koa-isomorphic-counter-example

kaonjs
Kaon.js is a react isomorphic app solution. It contains webpack build, hot reloading, code splitting and server side rendering.
Stars: ✭ 21 (-72.73%)
Mutual labels:  koa, isomorphic
Koa React Universal
lightweight React-Koa2 universal boilerplate, only what is essential
Stars: ✭ 112 (+45.45%)
Mutual labels:  koa, isomorphic
Koot
Koot是基于React和Koa的WEB全栈技术解决方案。
Stars: ✭ 59 (-23.38%)
Mutual labels:  koa, isomorphic
Rephic
💼 Rephic 是一个基于 Koa 的 React 服务端渲染工程脚手架。支持 React-Router, Redux 以及 Less, Sass。
Stars: ✭ 23 (-70.13%)
Mutual labels:  koa, isomorphic
isymtope
Experimental hybrid redux+IncrementalDOM client and server-side rendering in Rust. (Pronounced like isomorphic + asymtope)
Stars: ✭ 25 (-67.53%)
Mutual labels:  isomorphic
webpack-isomorphic-compiler
A compiler that makes your life easier if you are building isomorphic webpack powered apps, that is, single page applications with server-side rendering
Stars: ✭ 16 (-79.22%)
Mutual labels:  isomorphic
coolliyong.github.io
javascript基础
Stars: ✭ 57 (-25.97%)
Mutual labels:  koa
koa-server
🗄️ GraphQL Back-end Server with Relay, Koa, MongoDB and Mongoose
Stars: ✭ 31 (-59.74%)
Mutual labels:  koa
datalize
Parameter, query, form data validation and filtering for NodeJS.
Stars: ✭ 55 (-28.57%)
Mutual labels:  koa
isomorphic-webcrypto
🎲 webcrypto library for Node, React Native and IE11+
Stars: ✭ 104 (+35.06%)
Mutual labels:  isomorphic
node-input-validator
Validation library for node.js
Stars: ✭ 74 (-3.9%)
Mutual labels:  koa
Movie-Paradise
A responsive movie preview web app
Stars: ✭ 19 (-75.32%)
Mutual labels:  koa
json-error
Error handler for pure-JSON apps
Stars: ✭ 84 (+9.09%)
Mutual labels:  koa
Smart-courier-cabinet
智能快递柜小程序+nodejs koa2后端
Stars: ✭ 21 (-72.73%)
Mutual labels:  koa
koa-yield-breakpoint
Add breakpoints around `yield` expression especially for koa@1.
Stars: ✭ 17 (-77.92%)
Mutual labels:  koa
isomorphic-webapp-starter
Isomorphic webapp starter (MongoDB, Express, React, Redux, Node)
Stars: ✭ 13 (-83.12%)
Mutual labels:  isomorphic
koa2-rest-scaffold
Koa2 RESTful API 脚手架。
Stars: ✭ 27 (-64.94%)
Mutual labels:  koa
kurier
TypeScript framework to create JSON:API compliant APIs
Stars: ✭ 30 (-61.04%)
Mutual labels:  koa
react-ssr-spa
Server side rendered single page app using reactjs official libraries.
Stars: ✭ 30 (-61.04%)
Mutual labels:  isomorphic
babel-plugin-file-loader
Like webpack's file-loader, but on server side. Allows for production-grade require('./file.png')
Stars: ✭ 36 (-53.25%)
Mutual labels:  isomorphic
View All Similar Projects ➔

Greenkeeper badge Build Status Dependency Status devDependency Status

updates

  • 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

todo

  • Document directory structures and build process

What is this?

Bundled with Redux is an example application called counter.

This is an isomorphic port of the counter app using Koa. It uses isomorphic-fectch to load the initial state on the server, and update the state from the client. Data retrieved and set via POSTs and GETs to and from the API src/server/api.js.

Installing

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:

yarn start

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

Using

  • Open 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:

yarn run dev

To run dev + Cypress tests:

yarn run dev &
yarn run cypress:open
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].