React Isomorphic Starterkit
Isomorphic starterkit with server-side React rendering usingnpm,koa,webpack,babel,react,react-router,react-transform-hmr,react-transmit,react-inline-css
Features
- Fully automated toolchain with npm run scripts
- React 0.14 + React Router 2.0 on the client and server
- Babel 6 automatically compiles ES2015 + ES7 stage-0
- Webpack HMR for instant server updates
- React Transform HMR for instant client updates
- React Transmit to preload on server and hydrate client
- InlineCss-component for styling components
It just works out-of-the-box.
Installation
Development
git clone https://github.com/RickWong/react-isomorphic-starterkit.git
cd react-isomorphic-starterkit
npm install
npm run watch # Yes, ONE command for both server AND client development!
Production
npm run build
npm run start
Usage
Run npm run watch in your terminal and play with views/Main.js to get a feel ofthe server-side rendering and client-side hot updates.
Community
Let's start one together! After you ★Star this project, follow @Ryguon Twitter.
License
BSD 3-Clause license. Copyright © 2015, Rick Wong. All rights reserved.
-
本文翻译自：React-router urls don't work when refreshing or writing manually I'm using React-router and it works fine while I'm clicking on link buttons, but when I refresh my webpage it does not load what
-
React and Koa boilerplate (deprecated. New project available at https://github.com/hung-phan/micro-nextjs) The idea of this repository is to implement all new concepts and libraries which work great f
-
React Isomorphic Boilerplate An universal React isomorphic boilerplate for building server-side render web app. Introduction This repository is an universal React isomorphic boilerplate for developer
-
React Redux Universal (isomorphic) bundle ================= Learning from isomorphic-flux-boilerplate but use Redux. DEMO Demo site (iisnode): eventtest.oursweb.net Installation $ npm uninstall -g bab
-
前言 由于可能有些读者没听过 Isomorphic JavaScript 。因此在进到开发 React Redux Sever Rendering 应用程式的主题之前我们先来聊聊 Isomorphic JavaScript 这个议题。 根据 Isomorphic JavaScript 这个网站的说明： Isomorphic JavaScript Isomorphic JavaScript apps
-
Isomorphic Strings 描述 Given two strings s and t, determine if they are isomorphic. Two strings are isomorphic if the characters in s can be replaced to get t. All occurrences of a character must be re
-
isomorphic-redux-forum About 基于React->Node->Mongo技术栈的类CNode社区同构单页Web应用,关于此项目开发过程中的经验总结移步我的技术博客相关文章:使用React SSR构建Isomorphic应用 用到的技术栈 React 构建Web组件 React-router 客户端路由及ssr路由 redux 管理应用state react服务端渲染 实现