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

  •        26

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.

https://github.com/ModusCreateOrg/budgeting-sample-app-webpack2

Dependencies:

babel-runtime : ^6.26.0
cache-loader : ^1.0.3
classnames : ^2.2.5
coveralls : ^2.13.1
d3 : 4.10.2
prop-types : ^15.5.10
react : ^16.2.0
react-dom : ^16.2.0
react-hot-loader : ^3.0.0-beta.7
react-redux : 5.0.6
react-router : ^4.2.0
react-router-dom : ^4.2.0
redux : 3.7.2
redux-thunk : 2.2.0
reselect : ^3.0.1

Tags
Implementation
License
Platform

   




Related Projects

budgeting - Budgeting - React + Redux + Webpack (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.

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-dynamic-route-loading-es6 - Auto chunking and dynamic loading of routes with React Router and Webpack 2

  •    Javascript

Webpack 2 automatically splits routes in chunks (small bundles) and loads them on demand. ##System Requirements Before installing the dependencies, make sure your system has the correct Node and Npm versions, otherwise you will get errors.

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.

bootstrap-loader - Load Bootstrap styles and scripts in your Webpack bundle

  •    Javascript

If your team might need my help, please email me for a free half-hour project consultation, on anything from React on Rails to any aspect of web or mobile application development for both consumer and enterprise products. 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-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 二次开发

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.

fe-boilerplate - Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux :dizzy: 多技术栈前端项目模板

  •    Javascript

Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux :dizzy: 多技术栈前端项目模板

react-webpack-rails-tutorial - Example of integration of Rails, react, redux, using the react_on_rails gem, webpack, enabling the es7 and jsx transpilers, and node integration

  •    Javascript

If your team might need my help, please email me for a free half-hour project consultation, on anything from React on Rails to any aspect of web or mobile application development for both consumer and enterprise products. Thank you for considering using React on Rails.

react-router-server - Server Side Rendering library for React Router v4.

  •    Javascript

Server Side Rendering library for React Router v4. If anyone is interested in taking over this project please let me know.

react-native-webpack-starter-kit - :herb: Build your React Native app with Webpack and Babel

  •    Objective-C

Build your React Native app with Webpack and Babel. Simple asset pipeline for seed apps built with React Native. Uses Babel 6 for ES7 JavaScript transpilation with Stage 1 support, and Webpack as a dev server and module bundler. Provides static code linting using ESLint and build output in the same console window, and Source Maps for debugging in the browser. Unprescriptive in terms of test frameworks and Flux implementations. Additional features listed below.

redux-actions - Flux Standard Action utilities for Redux.

  •    Javascript

The npm package provides a CommonJS build for use in Node.js, and with bundlers like Webpack and Browserify. It also includes an ES modules build that works well with Rollup and Webpack2's tree-shaking. The UMD build exports a global called window.ReduxActions if you add it to your page via a <script> tag. We don’t recommend UMD builds for any serious application, as most of the libraries complementary to Redux are only available on npm.

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.

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.

babel-webpack-tree-shaking - Tree-shaking example with Babel and Webpack

  •    Javascript

This repository shows how to configure Babel and Webpack to enable tree-shaking. It will eliminate dead code if they have ES2015 module format. The source code can be found in the app/ folder, where the main file car.js doesn't use all the dependencies from engine.js. The built and transpiled files can be found in the /dist folder.

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.

serverless-babel-starter - 🗄🙅‍♀️ Serverless with all the fixings: Webpack, Babel, Jest, ESLint, and Prettier

  •    Javascript

Postlight's Modern Serverless Starter Kit adds a light layer on top of the Serverless framework, giving you the latest in modern JavaScript (ES6 via Webpack + Babel, testing with Jest, linting with ESLint, and formatting with Prettier), the ease and power of Serverless, and a few handy helpers (like functions for handling warm functions and response helpers). Once installed, you can create and deploy functions with the latest ES6 features in minutes, with linting and formatting baked in.