rook - Semi-opinionated React/Redux/Hapi/ES2016 universal framework

  •        7

Note: Rook is still beta software. Getting started with a modern JavaScript universal application is hard. There are countless libraries, tools, and patterns to choose from. Once you've done that, you still need to figure out how to configure everything together. Only then are you able to start your real work.

https://github.com/apazzolini/rook

Dependencies:

autoprefixer : ~6.3
babel-cli : ~6.5
babel-core : 6.5
babel-eslint : ~5.0.0-beta9
babel-loader : ~6.2
babel-plugin-react-transform : ~2.0
babel-plugin-transform-decorators-legacy : ~1.3
babel-plugin-transform-runtime : ~6.5
babel-plugin-typecheck : ~3.6
babel-preset-es2015 : ~6.5
babel-preset-react : ~6.5
babel-preset-stage-0 : ~6.5
babel-runtime : ~6.5
boom : ~3.1
chai : ~3.5
chai-immutable : ~1.5
config : ~1.19
css-loader : ~0.23
eslint : ~1.10
eslint-config-rackt : ~1.1
eslint-loader : ~1.2
eslint-plugin-babel : ~3.1
eslint-plugin-react : ~3.16
express : ~4.13
extract-text-webpack-plugin : ~1.0
file-loader : ~0.8
glob : ~7.0
hapi : ~13.0
immutable : ~3.7
inert : ~3.2
isomorphic-fetch : ~2.2
joi : ~7.3
json-loader : ~0.5
json5 : ~0.4
lodash : ~4.3
mocha : ~2.4
postcss-loader : ~0.8
precss : ~1.4
pretty-error : ~2.0
react : ~0.14
react-addons-test-utils : ~0.14
react-document-meta : ~2.0
react-dom : ~0.14
react-redux : ~4.4
react-router : ~2.0
react-router-redux : ~3.0
react-transform-catch-errors : ~1.0
react-transform-hmr : ~1.0
redbox-react : ~1.2
redux : ~3.3
redux-devtools : ~3.1
redux-devtools-dock-monitor : ~1.0
redux-devtools-log-monitor : ~1.0
redux-immutablejs : ~0.0
redux-logger : ~2.5
redux-thunk : ~1.0
scroll-behavior : ~0.3
serialize-javascript : ~1.1
style-loader : ~0.13
url-loader : ~0.5
webpack : ~1.12
webpack-config-merger : ~0.0
webpack-dev-middleware : ~1.5
webpack-hot-middleware : ~2.7
webpack-isomorphic-tools : ~2.2

Tags
Implementation
License
Platform

   




Related Projects

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

apollo-universal-starter-kit - Apollo 2 Universal Starter Kit — GraphQL React JavaScript app boilerplate for Mobile, Server and Web where code for all platforms built with Webpack to enable max code reuse, stack: Apollo, GraphQL, React 16, React Native, Expo, Express, Knex, SQLite, Twitter Bootstrap, Babel, Webpack

  •    Javascript

Apollo Universal Starter Kit is a SEO friendly boilerplate for Universal Mobile and Web app development built on top of Apollo, GraphQL, React 16, React Native, Expo, Redux, Express with SQL storage support, for styling Twitter Bootstrap, NativeBase and Ant Design integration. Hot Code Reload of back end & front end using Webpack and Hot Module Replacement to reflect your changes instantly and help you stay productive. This starter kit adds full React Native integration, with Webpack as a packager and Expo. No native code compilation tools are needed in order to develop native mobile applications with this kit. You are able to run both web and mobile versions of your app at the same time connected to the same backend.

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

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

  •    Javascript

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.

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.

universal-redux-template - A clean, extensible react + redux boilerplate with universal/isomorphic rendering, testing and more

  •    Javascript

To bootstrap a React app development environment is not an easy task, there are so many libraries to setup, including webpack, babel, testing stuff and others. I'd like this boilerplate to be a ready-to-use one with the essential tools and the simplest logic that just work to build a universal rendering React + Redux app. That's why there is no fancy stuff in this app, since it's a basis of your killer app rather than a showcase one.

react-webpack-boilerplate - Minimalistic ES6+ React boilerplate with Hot Reloading using Webpack 4 and Babel 7

  •    Javascript

Make sure you have the latest Stable or LTS version of Node.js installed. You can export specific vendors in separate files and load them. All vendors should be included in app/vendors and will be exported in a vendors folder under dist. The main idea is to serve independent JavaScript and CSS libraries, though currently all file formats are supported.

react-blessed-hot-motion - A console app demo using React for rendering, animation, and hot reloading

  •    Javascript

This is a demo of a custom React Blessed console renderer (warning: very early preview, many things don’t work) using React Motion for animation, and Webpack for listening to code hot updates. It is based on @jlongster’s amazing Backend with Webpack example that shows how to integrate hot reloading into a Node (server) app.

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.

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.

whitestorm-typescript-boilerplate - 📦 🚀 TypeScript boilerplate for WhitestormJS using react/redux ⚛

  •    Javascript

You can clone from this repository or install the latest version as a zip file. All commands defaults to development environment. You can set NODE_ENV to production or use the shortcuts below.

isomorphic-redux-app - Redux app demonstrating isomorphic rendering and routing (with redux-devtools)

  •    Javascript

This project serves as a simple boilerplate to start building an isomorphic rendering application in React and Redux. Production has Devtools, logging and hot reloading middleware removed and the scripts/css compressed.

react_on_rails - Integration of React + Webpack + Rails using rails/webpacker to build Universal (Isomorphic) Apps (aka Server Rendering)

  •    Ruby

React on Rails integrates Rails with (server rendering of) Facebook's React front-end framework. Intersted in optimizing your webpack setup for React on Rails including code splitting with react-router v4, webpack v4, and react-loadable? Contact me.

aspnet-starter-kit - Cross-platform web development with Visual Studio Code, C#, F#, JavaScript, ASP

  •    Javascript

ASP.NET Core Starter Kit is a real-world boilerplate and tooling for creating single-page web applications (SPA) oriented towards progressive enhancement design, cross-platform compatability and component-based UI architecture. It is built upon best of breed technologies including .NET Core, Kestrel, EF Core, Babel, Webpack, React, Redux, CSS Modules, React Hot Loader and more. This boilerplate comes in both C# and F# flavors.The app should become available at http://localhost:5000/. See run.js for other available commands such as node run build, node run publish etc. You can also run your app in a release (production) mode by running node run --release, or without Hot Module Replacement (HMR) by running node run --no-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.