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 → RickWong → React Isomorphic Starterkit

RickWong / React Isomorphic Starterkit

Licence: other
Create an isomorphic React app in less than 5 minutes

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

reactnodejswebpackbabelbest-practicesuniversalisomorphicwonderful

Projects that are alternatives of or similar to React Isomorphic Starterkit

Vortigern
A universal boilerplate for building web applications w/ TypeScript, React, Redux, Server Side Rendering and more.
Stars: ✭ 647 (-72.18%)
Mutual labels:  webpack, universal, isomorphic
Webpack Isomorphic Dev Middleware
The webpack-dev-middleware, but for isomorphic applications
Stars: ✭ 38 (-98.37%)
Mutual labels:  webpack, universal, isomorphic
React Isomorphic Boilerplate
🌟 An universal React isomorphic boilerplate for building server-side render web app.
Stars: ✭ 653 (-71.93%)
Mutual labels:  webpack, babel, isomorphic
Isomorphic React
A simple but powerful React application built on a standards-compliant back-end
Stars: ✭ 318 (-86.33%)
Mutual labels:  webpack, universal, isomorphic
Project Webcube
Continuously updated JS infrastructure for modern web dev
Stars: ✭ 141 (-93.94%)
Mutual labels:  webpack, babel, isomorphic
React App
Create React App with server-side code support
Stars: ✭ 614 (-73.6%)
Mutual labels:  webpack, babel, isomorphic
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-98.62%)
Mutual labels:  webpack, babel, universal
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (-84.82%)
Mutual labels:  webpack, babel, universal
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✭ 117 (-94.97%)
Mutual labels:  webpack, universal, isomorphic
Razzle
✨ Create server-rendered universal JavaScript applications with no configuration
Stars: ✭ 10,547 (+353.44%)
Mutual labels:  webpack, universal, isomorphic
Isomorphic Webpack
Abstracts universal consumption of application code base using webpack.
Stars: ✭ 294 (-87.36%)
Mutual labels:  webpack, universal, isomorphic
Vuesion
Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
Stars: ✭ 2,510 (+7.91%)
Mutual labels:  webpack, best-practices, universal
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 (-71.24%)
Mutual labels:  webpack, universal, isomorphic
React Boilerplate
Production-ready boilerplate for building universal web apps with React and Redux
Stars: ✭ 53 (-97.72%)
Mutual labels:  webpack, babel, universal
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (-93.68%)
Mutual labels:  webpack, universal, isomorphic
Hops
Universal Development Environment
Stars: ✭ 158 (-93.21%)
Mutual labels:  webpack, babel, universal
React Tradingview Widget
React component for rendering the TradingView Advanced Real-Time Chart Widget.
Stars: ✭ 170 (-92.69%)
Mutual labels:  webpack, babel
Electrode
Web applications with node.js and React
Stars: ✭ 2,033 (-12.6%)
Mutual labels:  webpack, universal
Scalable React Typescript Boilerplate
⭐️ Scalable micro-framework featuring React and TypeScript
Stars: ✭ 174 (-92.52%)
Mutual labels:  webpack, isomorphic
Advanced React Webpack Babel Setup
The advanced React, Webpack, Babel Setup. You want to get beyond create-react-app?
Stars: ✭ 176 (-92.43%)
Mutual labels:  webpack, babel
View All Similar Projects ➔

screenshot

React Isomorphic Starterkit

Isomorphic starterkit with server-side React rendering using npm, koa, webpack, babel, react, react-router, react-transform-hmr, react-transmit, react-inline-css

version license Package Quality installs downloads

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 of the server-side rendering and client-side hot updates.

Community

Let's start one together! After you ★Star this project, follow @Rygu on Twitter.

License

BSD 3-Clause license. Copyright © 2015, Rick Wong. All rights reserved.

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