All Projects → wearepush → Push Starter

wearepush / Push Starter

Licence: mit
React Redux Starter with SSR 🤖

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Push Starter

React Redux Bootstrap Webpack Starter
React 16.9 + Typescript + React-Router 4 + Redux + Bootstrap 4 + Hot Reload + redux-devtools-extension + Webpack 4 + styled-components STARTER
Stars: ✭ 133 (+209.3%)
Mutual labels:  webpack4, jest, enzyme, react-router-v4
rr-boilerplate
A lightweight React&Redux boilerplate
Stars: ✭ 35 (-18.6%)
Mutual labels:  jest, css-modules, react-router-v4, webpack4
coconat
🍥 StarterKit Builder for rocket-speed App creation on 🚀 React 17 + 📙 Redux 4 + 🚠 Router 5 + 📪 Webpack 5 + 🎳 Babel 7 + 📜 TypeScript 4 + 🚔 Linters 23 + 🔥 HMR 3
Stars: ✭ 95 (+120.93%)
Mutual labels:  enzyme, jest, react-router-v4, webpack4
Universal React Demo
ES6 demo of a simple but scalable React app with react-router, code splitting, server side rendering, and tree shaking.
Stars: ✭ 50 (+16.28%)
Mutual labels:  webpack4, universal, isomorphic, react-router-v4
React Redux Boilerplate
Awesome React Redux Workflow Boilerplate with Webpack 4
Stars: ✭ 307 (+613.95%)
Mutual labels:  webpack4, jest, enzyme, css-modules
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (+467.44%)
Mutual labels:  express, jest, enzyme, css-modules
Webpack React Boilerplate
Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules
Stars: ✭ 358 (+732.56%)
Mutual labels:  webpack4, jest, enzyme, css-modules
React Redux Saga Starter
Basic, Opinionated starter kit for React+Redux+Redux Saga with support for SCSS CSS Modules, Storybook, JEST testing, and ESLint
Stars: ✭ 12 (-72.09%)
Mutual labels:  jest, css-modules, react-router-v4
Webpack Isomorphic Dev Middleware
The webpack-dev-middleware, but for isomorphic applications
Stars: ✭ 38 (-11.63%)
Mutual labels:  express, universal, isomorphic
Helium.js
Automating Universal React Applications
Stars: ✭ 63 (+46.51%)
Mutual labels:  isomorphic, universal, react-router-v4
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (+2.33%)
Mutual labels:  webpack4, isomorphic, redux-form
react-phoenix-users-boilerplate
Elixir/Phoenix + React + users template/boilerplate.
Stars: ✭ 71 (+65.12%)
Mutual labels:  heroku, enzyme, redux-form
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (+79.07%)
Mutual labels:  enzyme, jest, react-router-v4
React Antd Admin
后台前端管理系统,基于react、typescript、antd、dva及一些特别优秀的开源库实现
Stars: ✭ 117 (+172.09%)
Mutual labels:  webpack4, express, react-router-v4
React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (+139.53%)
Mutual labels:  webpack4, jest, react-router-v4
Simple React App
Simple base app using react, react-router v4, hot-reload & sass.
Stars: ✭ 263 (+511.63%)
Mutual labels:  jest, enzyme, react-router-v4
Jackblog React
Jackblog react 版, 个人博客系统, 使用服务端渲染(Universal / Isomorphic), react, redux, react-router, react-bootstrap, immutablejs, redux-form等
Stars: ✭ 292 (+579.07%)
Mutual labels:  universal, isomorphic, redux-form
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (+262.79%)
Mutual labels:  heroku, express, jest
parcelui
Parcel + Typescript + React/Preact + Router + CSS Modules + SASS + Jest + Api-Now + Github Actions CI
Stars: ✭ 32 (-25.58%)
Mutual labels:  enzyme, jest, css-modules
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: ✭ 621 (+1344.19%)
Mutual labels:  heroku, express, jest

React Redux Styled Hot Universal

React boilerplate, used best practices and focus on performance

Build Status Dependency Status devDependency Status


Live Demo 👀

About

The starter boilerplate includes the following technologies:

Technology Description
Node 10.15.1 LTS Node
Redux Dev Tools Redux Dev Tools
React Hot Loader 4 Tweak React components in real time
React 16 JavaScript library for building user interfaces
React Router 4 React Router is a complete routing library for React
Babel Babel is a JavaScript compiler
Webpack 4 Module bundler
Universal Webpack Helps setting up universal Webpack build: the one that's working both on client and server
Redux Redux is a predictable state container for JavaScript apps
React Router Redux Simple bindings to keep react-router and redux in sync
ESLint The pluggable linting utility for JavaScript and JSX

Installation

rm -rf node_modules
npm install

Create dev environment

mv .env.example .env

Running Dev Server

npm run dev

Create production environment

mv .env.production.example .env.production

Running Prod Server

npm run prod

Running Tests

npm run test

Deployment on Heroku

To get this project to work on Heroku, you need to:

  1. Add heroku heroku git:remote -a heroku-app-name
  2. heroku config:set NODE_ENV=production
  3. heroku config:set SSR=1
  4. heroku config:set SSL=1
  5. heroku config:set NPM_CONFIG_PRODUCTION=false
  6. heroku config:set NODE_MODULES_CACHE=false
  7. heroku config:set GOOGLE_ANALITICS_ID=UA-xxxxxxxxx-x (optional)

Docker

Run container

docker-compose up -d

Build an image

docker build -t wearepush/redux-starter .

Contributing

We are more than happy to accept external contributions to the project in the form of feedback, bug reports and even better - pull requests :) If you would like to submit a pull request, please make an effort to follow the guide in CONTRIBUTING.md.

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