express-webpack-react-redux-typescript-boilerplate - :tada: A full-stack boilerplate that using express with webpack, react and typescirpt!

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.

express-webpack-react-redux-typescript-boilerplate - :tada: A full-stack boilerplate that using express with webpack, react and typescirpt!

You can also follow instructions below if you want to customize it. If you find permission problem when trying to install yarn globally, check this out.

https://express-react-typescript.herokuapp.com/
https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate

Dependencies:

@babel/cli : ^7.2.3

@babel/core : ^7.2.2

@babel/plugin-proposal-class-properties : ^7.3.0

@babel/plugin-syntax-dynamic-import : ^7.2.0

@babel/plugin-transform-runtime : ^7.2.0

@babel/preset-env : ^7.3.1

@babel/preset-react : ^7.0.0

@babel/preset-typescript : ^7.1.0

@types/i18next : ^12.1.0

@types/i18next-browser-languagedetector : ^2.0.1

@types/i18next-xhr-backend : ^1.4.1

@types/materialize-css : ^1.0.6

@types/prismjs : ^1.9.0

@types/react : ^16.8.2

@types/react-content-loader : ^3.1.4

@types/react-dom : ^16.8.0

@types/react-redux : ^7.0.1

@types/react-router : ^4.4.3

@types/react-router-dom : ^4.3.1

@types/redux-immutable : ^4.0.1

@types/redux-logger : ^3.0.6

@types/uuid : ^3.4.4

@types/webpack-env : ^1.13.7

add-asset-html-webpack-plugin : ^3.1.3

awesome-typescript-loader : ^5.2.1

axios : ^0.18.0

babel-loader : ^8.0.5

babel-plugin-prismjs : ^1.0.2

body-parser : ^1.18.3

colors : ^1.3.3

compression : ^1.7.3

concurrently : ^4.1.0

connect-redis : ^3.4.0

connected-react-router : ^6.2.2

cookie-parser : ^1.4.3

copy-webpack-plugin : ^4.6.0

cross-env : ^5.2.0

css-loader : ^2.1.0

cssnano : ^4.1.8

dotenv-webpack : ^1.7.0

duplicate-package-checker-webpack-plugin : ^3.0.0

express : ^4.16.4

express-session : ^1.15.6

file-loader : ^3.0.1

fork-ts-checker-webpack-plugin : ^0.5.2

helmet : ^3.15.0

history : ^4.7.2

html-webpack-plugin : ^3.2.0

http-status : ^1.3.1

i18next : ^14.1.1

i18next-browser-languagedetector : ^2.2.4

i18next-xhr-backend : ^1.5.1

image-webpack-loader : ^4.6.0

immutable : 4.0.0-rc.12

materialize-css : 1.0.0

mini-css-extract-plugin : ^0.5.0

morgan : ^1.9.1

node-sass : ^4.11.0

nodemon : ^1.18.9

offline-plugin : ^5.0.6

pg : ^7.8.0

postcss : ^7.0.14

postcss-import : ^12.0.1

postcss-loader : ^3.0.0

postcss-preset-env : ^6.5.0

prismjs : ^1.15.0

progress-bar-webpack-plugin : ^1.12.1

react : ^16.8.1

react-content-loader : ^4.0.1

react-dom : ^16.8.1

react-hot-loader : ^4.6.5

react-i18next : ^10.0.1

react-redux : ^6.0.0

react-router : ^4.3.1

react-router-dom : ^4.3.1

redux : ^4.0.1

redux-immutable : ^4.0.0

redux-logger : ^3.0.6

redux-saga : ^1.0.1

sass-loader : ^7.1.0

style-loader : ^0.23.1

trash-cli : ^1.4.0

ts-loader : ^5.3.3

typescript : ^3.3.3

url-loader : ^1.1.2

uuid : ^3.3.2

webpack : ^4.29.3

webpack-bundle-analyzer : ^3.0.3

webpack-cli : ^3.2.3

webpack-merge : ^4.2.1

webpack-pwa-manifest : ^4.0.0

Tags	react stylelint heroku docker babel circleci express typescript webpack yarn react-router eslint es6 jest tslint react-redux react-saga react-hot-reload materialize-css github-actions
Implementation	TypeScript
License	MIT
Platform

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

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

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

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 二次开发

react redux react-router

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

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

crate - 👕👖📦 A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL

Javascript

👕👖📦 A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories).

nodejs graphql express sequelize mysql jwt react redux ssr server-side-rendering react-native android ios seo-friendly es6 babel webpack adobe-xd web-application mobile-application

React-Redux-Sass-Starter - Everything you need to get started with a basic React application

Javascript

A simple and quick way to get you going with developing React applications with Redux and Sass. Comes with pre-configured Webpack for bundling your application to help save time in setting up your project. Keeps CSS out of JavaScript to maintain separation of concerns. Redux takes care of State Management. If you are looking for CSS-in-JS approach, this starter pack is not for you.

redux react sass webpack es6 babel eslint

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.

whitestormjs react redux typescript threejs boilerplate starter-kit react-redux whs whitestorm three.js webpack starter kit hot-reload react-hot-loader

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

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-typescript-web-extension-starter - :desktop_computer: A Web Extension starter kit built with React, TypeScript, SCSS, Storybook, Jest, EsLint, Prettier, Webpack and Bootstrap

Javascript

🖥️ A Web Extension starter kit built with React, TypeScript, SCSS, Storybook, EsLint, Prettier, Jest, Bootstrap,x & Webpack. Compatible with Google Chrome, Mozilla Firefox, and Brave. In Google Chrome, open up chrome://extensions in a new tab. Make sure the Developer Mode checkbox in the upper-right corner is turned on. Click Load unpacked and select the dist directory in this repository - your extension should now be loaded.

react chrome-extension bootstrap typescript webpack eslint jest scss prettier google-chrome storybook brave mozilla-firefox extension-popup chrome extension boilerplate

React-Fullstack-Dianping-Demo - :fire: react+redux+react-router4

Javascript

技术栈：react、react-router4.x 、 react-redux 、 webpack3.x、 redux-saga 、 css-module 、 ES6 、babel...

react react-router redux webpack2

soundcloud-redux - SoundCloud API client with React • Redux • Redux-Saga

Javascript

A basic SoundCloud API client built with React, Redux, and Redux Saga. Try the live demo.

react react-redux react-router redux-saga soundcloud soundcloud-api webpack

budgeting-sample-app-webpack2 - Budgeting - React + Redux + Webpack 2 (tree shaking) Sample App

Javascript

Production-ready React + Webpack architecture implemented on consumer web apps of some of the most successful enterprises in the world. Perceived performance and development experience are key factors in this setup. You can use this code base for learning or to scaffold your mission-critical project. See live demo.

react redux webpack tree-shaking webpack2 budgeting babel sass eslint prettier service-worker prpl react-router

budgeting - Budgeting - React + Redux + Webpack (tree shaking) Sample App

Javascript

react redux webpack tree-shaking webpack2 budgeting babel sass eslint prettier service-worker prpl react-router

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.

react relay graphql nodejs yeoman scaffolding boilerplate express es6 es7 jsx webpack babel material-design-lite postcss fullstack

StarCabinet - :tada: 开源的跨平台Github Stars管理分析工具

TypeScript

A github stars management tool which built with electron and react

react electron github-stars webpack2 react-redux redux-thunk antd rxdb mobx github star react-router webpack

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.