isomorphic-flux-boilerplate - ES7 Isomorphic Flux/ReactJS Boilerplate

  •        27

A wonderfull boilerplate for Flux/ReactJS universal applications, running on koajs. Koa will be our server for the server side rendering, we use alt for our Flux architecture and react-router for routing in our app.

https://github.com/iam4x/isomorphic-flux-boilerplate

Dependencies:

alt : ^0.18.4
alt-container : ^1.0.0
alt-utils : ^1.0.0
autoprefixer : ^6.1.0
axios : ^0.15.3
babel : ^6.5.2
babel-cli : ^6.5.1
babel-core : ^6.5.2
babel-eslint : ^7.1.1
babel-loader : ^6.2.3
babel-plugin-transform-react-constant-elements : ^6.8.0
babel-plugin-transform-react-remove-prop-types : ^0.2.9
babel-plugin-typecheck : ^3.7.0
babel-polyfill : ^6.5.0
babel-preset-save : ^1.1.3
babel-register : ^6.5.2
babel-runtime : ^6.5.0
classnames : ^2.1.3
connect-alt : ^1.1.3
cookies-js : ^1.2.1
css-loader : ^0.28.0
debug : ^2.2.0
extract-text-webpack-plugin : ^2.1.0
file-loader : ^0.11.1
font-awesome : ^4.4.0
image-webpack-loader : ^3.3.0
intl : ^1.0.0
iso : ^5.1.0
json-loader : ^0.5.3
koa : ^2.2.0
koa-compress : ^2.0.0
koa-conditional-get : ^2.0.0
koa-convert : ^1.2.0
koa-etag : ^2.0.0
koa-favicon : ^2.0.0
koa-helmet : ^2.0.0-alpha.1
koa-logger : ^2.0.0
koa-mount : ^3.0.0
koa-response-time : ^2.0.0
koa-router : ^7.0.0
koa-static-cache : ^5.0.0
lodash : ^4.2.0
normalize.css : ^5.0.0
postcss-import : ^9.1.0
postcss-loader : ^1.3.3
postcss-url : ^6.0.4
precss : ^1.4.0
promise-loader : ^1.0.0
purifycss-webpack-plugin : ^2.0.3
react : ^15.0.2
react-dom : ^15.0.2
react-intl : ^2.1.2
react-router : ^2.0.0
scroll-behavior : ^0.5.0
style-loader : ^0.13.0
sw-precache-webpack-plugin : ^0.9.1
webpack : ^2.4.1

Tags
Implementation
License
Platform

   




Related Projects

isomorphic500 - A 500px app built with React and Fluxible with babeljs

  •    Javascript

Isomorphic500 is a small isomorphic (universal) web application featuring photos from 500px. It is built on express using React and Flux with yahoo/fluxible. It is developed with webpack and react-hot-loader and written with babeljs with the help of eslint. It supports multiple languages using react-intl.

redux-webpack-es6-boilerplate - A starter project for modern React apps with Redux

  •    Javascript

Note: If you still want to use a previous version, please checkout old-original-structure branch. A boilerplate using the power and simplicity of React, Redux, Webpack 2 + HMR, and ES6 + JSX via Babel. Includes Webpack's Tree Shaking configuration. It's suitable for scalable applications and organized using the custom variation of the Ducks pattern — approach when each module's entry file (feature-name.js) contains all of its related constants, actions/action creators, selectors and its reducer.

react-transform-boilerplate - A new Webpack boilerplate with hot reloading React components, and error handling on module and component level

  •    Javascript

React Hot Loader 3 is on the horizon, and you can try it today (boilerplate branch, upgrade example). It fixes some long-standing issues with both React Hot Loader and React Transform, and is intended as a replacement for both. The docs are not there yet, but they will be added before the final release. For now, this commit is a good reference. This is highly experimental tech. If you’re enthusiastic about hot reloading, by all means, give it a try, but don’t bet your project on it. Either of the technologies it relies upon may change drastically or get deprecated any day. You’ve been warned 😉 .

react-transform-hmr - A React Transform that enables hot reloading React classes using Hot Module Replacement API

  •    Javascript

React Hot Loader 3 is on the horizon, and you can try it today (boilerplate branch, upgrade example). It fixes some long-standing issues with both React Hot Loader and React Transform, and is intended as a replacement for both. The docs are not there yet, but they will be added before the final release. For now, this commit is a good reference. A React Transform that enables hot reloading React classes using Hot Module Replacement API. Hot module replacement is supported natively by Webpack and available in Browserify with browserify-hmr.

react-starter-kit - React Starter Kit — isomorphic web app boilerplate (Node

  •    Javascript

React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices. A solid starting point for both professionals and newcomers to the industry.


react-redux-universal-hot-example - A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform

  •    Javascript

I cobbled this together from a wide variety of similar "starter" repositories. As I post this in June 2015, all of these libraries are right at the bleeding edge of web development. They may fall out of fashion as quickly as they have come into it, but I personally believe that this stack is the future of web development and will survive for several years. I'm building my new projects like this, and I recommend that you do, too. The first time it may take a little while to generate the first webpack-assets.json and complain with a few dozen [webpack-isomorphic-tools] (waiting for the first Webpack build to finish) printouts, but be patient. Give it 30 seconds.

react-redux-isomorphic-example - An isomorphic example built with react and redux , see readme for detailed instructions

  •    Javascript

This is an isomorphic/universal example built with react and Redux which utilizes the same codebase on server and browser to correctly handle multiple requests at the same time. This example was previously built with alt and now fully migrated to redux, you might as well compare the two and see the differences.

relay-fullstack - :point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS

  •    Javascript

Relay Fullstack is a Relay scaffolding application that aims to help you get up and running a project without worrying about integrating tools. It comes with many modern technologies; Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. Relay Fullstack is also using Hot-reload to real time update the screen whenever any code changes. Check out the Live demo on Heroku.

universal-router - A simple middleware-style router for isomorphic JavaScript web apps

  •    Javascript

A simple middleware-style router that can be used in both client-side (e.g. React, Vue.js) and server-side applications (e.g. Node.js/Express, Koa).Play with an example on JSFiddle, CodePen, JS Bin in your browser or try RunKit node.js playground.

universal-redux - An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering

  •    Javascript

Universal Redux is an npm package that when used as a dependency in your project provides a universal (isomorphic) rendering server. You can either use its defaults and begin coding your project, or configure it to your liking with custom Webpack options and Express or Redux middleware. It's intended as both an easy starting point for developers new to React and Redux, as well as an extensible base by which advanced developers can augment with their own middleware and keep up to date with the fast-moving React ecosystem. The quickest way to get started is to clone the starter project. This gives you a base project that is set up with default configurations of Webpack and Express.

react-hot-boilerplate - Minimal live-editing example for React

  •    Javascript

React Hot Loader 3 is on the horizon, and you can try it today (boilerplate branch, upgrade example). It fixes some long-standing issues with both React Hot Loader and React Transform, and is intended as a replacement for both. The docs are not there yet, but they will be added before the final release. For now, this commit is a good reference. The minimal dev environment to enable live-editing React components.

react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes

  •    Javascript

It just works out-of-the-box. 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.

babel-plugin-react-transform - Babel plugin to instrument React components with custom transforms

  •    Javascript

React Hot Loader 3 is on the horizon, and you can try it today (boilerplate branch, upgrade example). It fixes some long-standing issues with both React Hot Loader and React Transform, and is intended as a replacement for both. The docs are not there yet, but they will be added before the final release. For now, this commit is a good reference. This plugin wraps React components with arbitrary transforms. In other words, it allows you to instrument React components in any way—limited only by your imagination.

react-native-webpack-starter-kit - :herb: Build your React Native app with Webpack and Babel

  •    Objective-C

Build your React Native app with Webpack and Babel. Simple asset pipeline for seed apps built with React Native. Uses Babel 6 for ES7 JavaScript transpilation with Stage 1 support, and Webpack as a dev server and module bundler. Provides static code linting using ESLint and build output in the same console window, and Source Maps for debugging in the browser. Unprescriptive in terms of test frameworks and Flux implementations. Additional features listed below.

react-isomorphic-video-game-search - An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API

  •    Javascript

An Isomorphic application demo powered by React, reflux, react-router-component, express, superagent and the Giant Bomb API. An excuse to share my research and get feedback as I prepare to launch a large React-powered app.

reactql - Universal React+GraphQL starter kit: React 16, Apollo 2, Webpack 4, Styled Components 4, React Router 4, PostCSS, SSR

  •    TypeScript

Universal front-end React + GraphQL starter kit, written in Typescript. Hot code reloading. Make a change anywhere in your code base (outside of the Webpack config), and changes will be pushed down the browser automatically - without page reloads. This happens for React, Styled Components, SASS - pretty much anything.

react-demo - React 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释,让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter,可能是东半球最佳的 React Starter,基于 Vue Cli 二次开发

  •    Javascript

React 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释,让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter,可能是东半球最佳的 React Starter,基于 Vue Cli 二次开发