go-starter-kit - Golang isomorphic react hot reloadable redux css-modules starter kit

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.

go-starter-kit - Golang isomorphic react/hot reloadable/redux/css-modules starter kit

This project contains a quick starter kit for Facebook React Single Page Apps with Golang server side render via goja javascript engine, implemented in pure Golang and also with a set of useful features for rapid development of efficient applications.Note that probably not works at windows.

https://github.com/olebedev/go-starter-kit

Dependencies:

autoprefixer : ^6.7.7

babel-core : ^6.24.1

babel-eslint : ^7.2.2

babel-loader : ^6.4.1

babel-polyfill : ^6.23.0

babel-preset-es2015 : ^6.24.1

babel-preset-react : ^6.24.1

babel-preset-react-hmre : ^1.1.1

babel-preset-stage-0 : ^6.24.1

css-loader : ^0.28.0

eslint : ^3.19.0

eslint-plugin-react : ^6.10.3

expose-loader : ^0.7.1

express : ^4.15.2

extract-text-webpack-plugin : ^1.0.1

file-loader : ^0.11.1

normalize.css : ^6.0.0

postcss-functions : ^2.1.0

postcss-loader : ^1.3.3

precss : ^1.4.0

proxy-middleware : ^0.15.0

react : ^15.5.4

react-dom : ^15.5.4

react-helmet : ^5.0.3

react-redux : ^4.4.8

react-router : ^3.0.5

redux : ^3.6.0

redux-logger : ^3.0.1

style-loader : ^0.16.1

svgo-loader : ^1.2.1

url-loader : ^0.5.8

webpack : ^1.12.13

webpack-dev-middleware : ^1.10.1

webpack-hot-middleware : ^2.18.0

whatwg-fetch : ^2.0.3

when : ^3.7.8

Tags	react redux isomorphic universal server-side-rendering components browser
Implementation	Go
License	MIT
Platform	Windows MacOS Linux

Related Projects

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

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

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

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

react-universal - React, redux, react-router, graphql, postgres, koa, universal starter-kit

Javascript

A react starter kit that handles universal rendering as well as a bunch of another neat things. This is sort of a living spec for how I build web applications. react-relay, though the tools are included to get started with Relay, including the graphql backend, I've decided to not include the start of a Relay based front end until server-side rendering hooks are exposed [facebook/relay#136].

symfony-react-sandbox - Example of integration with React and Webpack (Webpack Encore) for universal (isomorphic) React rendering, using Limenius/ReactBundle and Limenius/LiformBundle

Javascript

This sandbox provides an example of usage of ReactBundle with server and client-side React rendering (universal/isomorphical) and its integration with a fitting Webpack Encore setup. It also provides an example of the usage of LiformBundle to generate a json-schema from Symfony forms and a forms and validation in React from that schema. -Note: If you are new to React.js, please note that this sandbox or the bundle are not by any means required to use React with Symfony. This shocases how to do some advanced features such as Server Side Rendering, a better integration with forms, injecting components directly from Twig tags, that may be difficult.

symfony react webpack json-schema webpack-encore jsx reactjs server-side rendering isomorphic

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

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

redux-connect - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React

Javascript

How do you usually request data and store it to redux state? You create actions that do async jobs to load data, create reducer to save this data to redux state, then connect data to your component or container. Usually it's very similar routine tasks.

react redux-connect server-side-rendering immutablejs react-redux isomorphic universal-react node nodejs redux connect async props

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-server-routing-example - An example using universal client/server routing and data in React with AWS DynamoDB

Javascript

A simple (no compile) example of how to do universal server/browser rendering, routing and data fetching with React and AWS DynamoDB for fast page loads, and search-engine-friendly progressively-enhanced pages.Also known as isomorphic, this approach shares as much browser and server code as possible and allows single-page apps to also render on the server. All React components, as well as router.js and db.js are shared (using browserify) and data fetching needs are declared statically on each component.

react reactjs server server-side routing data

react-dashboard - React Dashboard - isomorphic web dashboard template (React

Javascript

built with React, Bootstrap, React Router (with Server Side Rendering!), Redux and GraphQL based on React Starter Kit and latest industry best practices.Demo. Use following credentials: user/password.

react dashboard bootstrap graphql hmr browsersync webpack react-router react-router-v4 redux sass react-bootstrap

ReactBundle - Client and Server-side React (React.js) rendering in a Symfony Bundle

ReactBundle integrates ReactRenderer with Symfony. This lets you implement React.js client and server-side rendering in your Symfony projects, allowing the development of universal (isomorphic) applications. Note: If you are new to React.js, please note that this bundle is not by any means required to use React with Symfony. This allows you to do some advanced features such as Server Side Rendering, or injecting components directly from Twig tags.

symfony-bundle react twig isomorphic

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

reactGo - Your One-Stop solution for a full-stack universal Redux App!

Javascript

Redux Predictive state containers. Server-side rendering with React Router 3.x. Having server-side rendering allows you to pre-render the initial state of your components when a user (or search engine crawler) requests a page.

full-stack redux react react-router universal webpack

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

webpack-isomorphic-tools - Server-side rendering for your Webpack-built applications (e.g. React)

Javascript

THIS PACKAGE IS DEPRECATED. LOOK ELSEWHERE. webpack-isomorphic-tools is a small helper module providing very basic support for isomorphic (universal) rendering when using Webpack. It was created a long time ago when Webpack was v1 and the whole movement was just starting. Therefore webpack-isomorphic-tools is a hacky solution. It allowed many projects to set up basic isomorphic (universal) rendering in the early days but is now considered deprecated and new projects shouldn't use it. This library can still be found in legacy projects. For new projects use either universal-webpack or all-in-one frameworks like Next.js.

webpack isomorphic react style inline css

isomorphic-webpack - Abstracts universal consumption of application code base using webpack.

Javascript

isomorphic-webpack is a program that runs server-side and enables rendering of the same code base client- and server-side. Put it another way, it is a service for rendering webpack applications server-side. All that can be rendered client-side (e.g. React, Angular, etc. applications) will be processed server-side and served as static HTML.

webpack isomorphic universal

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.