suicrux - 🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

suicrux - 🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]

Ultimate universal starter with lazy-loading, SSR and i18n. /static folder + url-loader. Everything in /static/public/ is copied to /dist/client with copy-webpack-plugin.

https://github.com/Metnew/suicrux#readme

Dependencies:

babel-polyfill : ^6.26.0

body-parser : ^1.18.2

chokidar : ^2.0.2

compression : ^1.7.2

cookie-parser : ^1.4.3

express : ^4.16.2

helmet : ^3.11.0

history : ^4.7.2

isomorphic-fetch : ^2.2.1

lodash : ^4.17.5

morgan : ^1.9.0

offline-plugin : ^4.9.0

raven : ^2.4.1

react : ^16.2.0

react-async-bootstrapper : ^2.1.0

react-async-component : ^1.0.2

react-dom : ^16.2.0

react-ga : ^2.4.1

react-headroom : ^2.2.2

react-helmet : ^5.2.0

react-intl : ^2.4.0

react-redux : ^5.0.7

react-router : ^4.2.0

react-router-dom : ^4.2.2

react-router-redux : ^5.0.0-alpha.8

react-tree-walker : ^4.0.2

redux : ^3.7.2

redux-promise-middleware : ^5.0.0

redux-thunk : ^2.2.0

semantic-ui-css : ^2.2.14

semantic-ui-react : ^0.80.0

serialize-javascript : ^1.4.0

styled-components : ^3.1.6

Tags	react redux webpack semantic-ui semantic-ui-react starter boilerplate template example ssr pwa fullstack universal-react universal react-redux
Implementation	Javascript
License	Apache MIT
Platform	NodeJS

Related Projects

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.

graphql apollo webpack starterkit universal react react-native expo auth docker typescript starter redux

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 isomorphic universal webpack express hot-reloading react-hot-reloader redux starter boilerplate babel

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 isomorphic universal webpack express hot-reloading react-hot-reloader redux renderer boilerplate babel npm

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.

redux server-rendering isomorphic react starter-kit boilerplate

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 boilerplate react-boilerplate redux redux-boilerplate webpack2 react-router flow tdd-workflow tdd sentry static-types css-modules sass redux-devtools starter-kit starter-template starter-react es6 hmr hot babel webpack architecture webpack-dev-middleware webpack-hot-middleware starter

react-universally - A starter kit for universal react applications.

Javascript

A starter kit for universal react applications. This starter kit contains all the build tooling and configuration you need to kick off your next universal React project, whilst containing a minimal "project" set up allowing you to make your own architecture decisions (Redux/MobX etc).

react starter-kit boilerplate server-side-rendering progressive-web-app universal express webpack

marvin - Universal React and Redux, Webpack boilerplate

Javascript

Universal React and Redux, Webpack boilerplate. Marvin is internal project by Work & Co. We love React and use it a lot. So Marvin is meant to be a starting point for our React projects. But as we love open source too, it is publicly available for anyone interested in using it.

boilerplate redux react webpack2

3ree - An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express

Javascript

An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express. A stack for building apps, front and back end, with just Javascript. This project was initially conceived to experiment with using these technologies in conjunction with one-another. I have written a blog that relates to this codebase.

redux rethinkdb universal express boilerplate react 3ree webpack

Rax - A universal React-compatible render engine

Javascript

A universal React-compatible render engine. Rax is a universal JavaScript library with a largely React-compatible API. If you use React, you already know how to use Rax. Its features include zero configuration, Progressive Web App(PWA), Server-Side Rendering(SSR) and Function as a service(FaaS) can be used out of the box.

weex react universal vdom redux webvr vr mobile react-framework

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 webpack starter-kit postcss ssr reactjs apollo apollo-client graphql webpack4 styled-components typescript hot-reload helmet sass less gzip brotli server-side-rendering universal

redux-auth - Complete token authentication system for react + redux that supports isomorphic rendering

Javascript

You can see a complete working example here. The code for the demo is here.This project comes bundled with a test app. You can run the demo locally by following these instructions, or you can use it here in production.

react isomorphic universal starter boilerplate template webpack koa transmit

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 graphql boilerplate reactjs webpack babel browsersync flux redux nodejs ssr i18n

arc - React starter kit based on Atomic Design

Javascript

ARc (Atomic React) is a React starter kit based on the Atomic Design methodology. It's progressive, which means that you can start with the basic boilerplate and try the other features when you are comfortable. If you find this useful, please don't forget to star ⭐️ the repo, as this will help to promote the project. Follow me on Twitter and GitHub to keep updated about this project and others.

react redux storybook boilerplate universal react-router redux-saga jest atomic-design styled-components isomorphic css-in-js starter-kit

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.

react-rails react-components redux-store rails-views rails-development react webpack ruby-on-rails ruby-gem npm-module javascript-api redux redux-saga shakacode heroku-deployment on rails

react-slingshot - React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in

Javascript

A comprehensive starter kit for rapid application development using React. First time running the starter kit? Then complete the Initial Machine Setup.

react redux boilerplate starter-kit reactjs react-router hot reload hmr live edit webpack flux starter

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.

react reactjs hot reload hmr live edit webpack flux todomvc

react-hot-redux-firebase-starter - :volcano: React + Redux + Firebase + Webpack + React Hot Loader 3 + React Router in one boilerplate

Javascript

Boilerplate for ReactJS, Redux, Hot Loading and Firebase 3.x

redux react firebase webpack eslint enzyme mocha reactjs boilerplate hot reload hmr live edit

native-starter-kit - React Native Starter App with NativeBase + CodePush + Redux

Javascript

Note: Shifted to React Navigation from React Native Router Flux in the master branch. React Navigation has become standard for navigation solution in React Native. We are just keeping up with the current trend. No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.

nativebase codepush redux react react-native android ios native native-base native-modules react-component navbar packager rnpm es6 react-native-code-push react-native-boilerplate react-native-with-redux react-native-with-redux-boilerplate native-base-boilerplate react-native-with-native-base

universal-react - A universal react starter, with routing, meta, title, and data features

Javascript

This boilerplate aims at solving the MVP (Minimal Viable Product) of a universal app while trying to keep the base unopinionated elsewhere and simple to read and extend. Since there are so many opinions on how to use css (vanilla, sass, less, react css modules etc) I've left it up to you.

universal react redux isomorphic server-side-rendering express routing server flux

React-Redux-Flask - Boilerplate application for a Python/Flask JWT Backend and a Javascript/React/Redux Front-End with Material UI

Javascript

Boilerplate application for a Flask JWT Backend and a React/Redux Front-End with Material UI. If you are approaching this demo as primarily a frontend dev with limited or no python experience, you may need to install a few things that a seasoned python dev would already have installed.

react redux flask material-ui boilerplate-application