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 → kimjuny → Koa React Universal

kimjuny / Koa React Universal

Licence: mit
lightweight React-Koa2 universal boilerplate, only what is essential

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactboilerplatessrkoauniversalisomorphicreact-router-v4redux-thunkwebpack3hmrcode-splitting

Projects that are alternatives of or similar to Koa React Universal

isomorphic-react-redux-saga-ssr
Isomorphic, React, Redux, Saga, Server Side rendering, Hot Module Reloading, Ducks, Code Splitting
Stars: ✭ 19 (-83.04%)
Mutual labels:  isomorphic, ssr, code-splitting, react-router-v4
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (+4.46%)
Mutual labels:  universal, isomorphic, boilerplate, ssr
Hapi React Hot Loader Example
Simple React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-60.71%)
Mutual labels:  webpack3, isomorphic, code-splitting, ssr
react-ssr-starter
📚 Featuring Webpack 4, React 17-18, SSR, HMR, prefetching, universal lazy-loading, and more
Stars: ✭ 18 (-83.93%)
Mutual labels:  isomorphic, universal, hmr, ssr
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-71.43%)
Mutual labels:  universal, boilerplate, code-splitting
React Base
atSistemas React/Redux Isomorphic Platform
Stars: ✭ 82 (-26.79%)
Mutual labels:  webpack3, universal, isomorphic
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✭ 86 (-23.21%)
Mutual labels:  universal, boilerplate, ssr
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+1062.5%)
Mutual labels:  webpack3, isomorphic, ssr
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (+690.18%)
Mutual labels:  redux-thunk, boilerplate, react-router-v4
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-60.71%)
Mutual labels:  isomorphic, code-splitting, ssr
Universal React Demo
ES6 demo of a simple but scalable React app with react-router, code splitting, server side rendering, and tree shaking.
Stars: ✭ 50 (-55.36%)
Mutual labels:  universal, isomorphic, react-router-v4
Preact Redux Isomorphic
preact-redux-isomorphic PWA SPA SSR best practices and libraries in under 80kB page size (for live demo click the link below)
Stars: ✭ 85 (-24.11%)
Mutual labels:  isomorphic, boilerplate, ssr
Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (+755.36%)
Mutual labels:  universal, boilerplate, ssr
Push Starter
React Redux Starter with SSR 🤖
Stars: ✭ 43 (-61.61%)
Mutual labels:  universal, isomorphic, react-router-v4
Nuxt.js
The Intuitive Vue(2) Framework
Stars: ✭ 38,986 (+34708.93%)
Mutual labels:  universal, isomorphic, ssr
Aspnetcore Angular Universal
ASP.NET Core & Angular Universal advanced starter - PWA w/ server-side rendering for SEO, Bootstrap, i18n internationalization, TypeScript, unit testing, WebAPI REST setup, SignalR, Swagger docs, and more! By @TrilonIO
Stars: ✭ 1,455 (+1199.11%)
Mutual labels:  hmr, universal, ssr
React Boilerplate
Production-ready boilerplate for building universal web apps with React and Redux
Stars: ✭ 53 (-52.68%)
Mutual labels:  universal, boilerplate, code-splitting
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-48.21%)
Mutual labels:  redux-thunk, universal, react-router-v4
React Universal Ssr
webpack3+router4+按需加载+webpack-dev-server热加载
Stars: ✭ 69 (-38.39%)
Mutual labels:  webpack3, ssr, react-router-v4
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (+497.32%)
Mutual labels:  hmr, universal, isomorphic
View All Similar Projects ➔

Koa React Universal

Greenkeeper badge Build Status Code Climate Test Coverage

koa2、react、react-universal-component、koa-webpack-server、async/await、code-splitting、hot-module-replacement、react-router4、redux-thunk

This project is dedicated to build simple yet powerful Koa-React-Universal boilerplate.

Less is More: All key ingredients are in src/development、src/production and webpack configurations, easy to understand、set-up and extend. We promise to use the most recent & official packages(as much as we can), no weird or tricky stuffs, keeping this project clean and fully customizable.

Fully functional: HMR for client and server side, code splitting for both javascript and css, async/await universal programming support for koa2 server-side and redux-thunk client-side...

Universal: We are using react-universal-component、webpack-flush-chunks. It simplifies universal development with code-splitting(js、css) and is also compatible with the latest react-router-v4.

Production: We are using webpack to build client(target: web) and server(target: node).

Development: We are using koa-webpack-server (which simplifies development env set-ups), it also webpacks client and server(with client & server hot-load), so we can stay as much as the same with production.

Screenshots

DEMO: Search Github Repositories.

Noted: Github search API has Rate Limitation of 10 reqs/min (without credentials).

record

Components

  • koa2
  • react
  • react-router4
  • redux-thunk
  • react-universal-component
  • es2015 + async/await
  • less、postcss(autoprefixer)
  • webpack
  • koa-webpack-server
  • webpack-flush-chunks
  • axios
  • ejs
  • jest
  • eslint(airbnb)
  • docker
  • wallaby

Roadmap

  • graphql(Github API v3 -> v4)
  • flow
  • enzyme
  • immutable
  • vendor

Start

Prerequisites

development

  • yarn / npm
  • node ≥ 7.0

production

  • docker ≥ 1.13

Production

yarn prod

or with docker

docker build -t koa-react-universal .
docker run -d -p 3006:3006 koa-react-universal

Development

yarn dev

Test

yarn test

also supports wallaby.js live test reports view

CMD + SHIFT + R -> R (vscode)

License

MIT

Contributing

Issues are welcome :)

PRs are welcome (if you can help to make things more concise and simple!).

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].