reactpack - :package: build your react apps with one command and one `npm i`.

  •        19

One command to build your React frontend.reactpack will look for an eslint config (.eslintrc, .eslintrc.json ...) and if one is present it will use that one. Make sure that you have all the dependencies installed (plugins etc) to run your linter.

https://github.com/olahol/reactpack

Dependencies:

autoprefixer : ^6.3.6
babel-core : ^6.9.0
babel-eslint : ^7.1.1
babel-loader : ^6.2.4
babel-preset-es2015 : ^6.9.0
babel-preset-react : ^6.5.0
babel-preset-stage-0 : ^6.5.0
cli-character-set : ^0.1.0
colour : ^0.7.1
commander : ^2.9.0
css-loader : ^0.26.0
cssnano : ^3.6.2
eslint-loader : ^1.3.0
eslintrc-up : ^0.1.0
extract-text-webpack-plugin : ^1.0.1
file-loader : ^0.9.0
filesize : ^3.3.0
find-up : ^2.0.0
html-webpack-plugin : ^2.18.0
json-loader : ^0.5.4
lodash.padleft : ^3.1.3
lodash.padright : ^3.1.3
log-update : ^1.0.2
postcss-loader : ^1.1.1
precss : ^1.4.0
react-hot-loader : ^1.3.0
standard : ^8.0.0
standard-loader : ^5.0.0
style-loader : ^0.13.1
url-loader : ^0.5.7
webpack : ^1.13.1
webpack-cleanup-plugin : ^0.4.1
webpack-dev-server : ^1.14.1
webpack-merge : ^1.0.2

Tags
Implementation
License
Platform

   




Related Projects

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.

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-native-webpack-server - Build React Native apps with Webpack

  •    Javascript

react-native-webpack-server is a development server that leverages the Webpack Dev Server and the React Packager to enable building React Native JavaScript bundles with webpack. This allows you to use the existing webpack ecosystem when targeting React Native. This will start the server on port 8080.

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


webpack-starter - ✨ A lightweight foundation for your next webpack based frontend project.

  •    Javascript

A lightweight foundation for your next webpack based frontend project. When you run npm run build we use the mini-css-extract-plugin to move the css to a separate file and included in the head of your index.html, so that the styles are applied before any javascript gets loaded. We disabled this function for the dev version, because the loader doesn't support hot module replacement.

webpack-book - From apprentice to master (CC BY-NC-ND)

  •    Javascript

IMPORTANT! If you want to support the development of this book, you can purchase a copy at Leanpub. A part (~30%) of the proceedings will go directly to the author of webpack to support its development. Webpack, a module bundler, solves a significant problem for web developers. It can be daunting to learn but once you grok it, life gets easier. The purpose of this book is to make it easier to pick up the tool while learning more advanced techniques as well. You can read the book online.

react-babel-webpack-boilerplate - a boilerplate for React-Babel-Webpack project

  •    Javascript

This repo is a boilerplate for React-Babel-Webpack project. You could use it as a base to build your own web app. First, clone the repo.

react_webpack_rails - Simple and lightweight react-webpack-rails integration.

  •    Ruby

Consider using Webpacker instead. This gem provides easy and convenient way to build modern JavaScript stack on top of Rails applications using Webpack and React.

react-starterkit - Yet another react starterkit

  •    Javascript

This react starterkit provides a prepared development environment based on gulp, stylus and webpack. The internal data flow is handled with Reflux and the routing is managed with the React-Router. This starterkit does not include some fancy UI stuff but is a lightweight starting point for your next react app.

react-book - From apprentice to master (CC BY-NC-ND)

  •    Javascript

IMPORTANT! If you want to support the development of this book, you can purchase a copy at Leanpub. There's also a paperback available through Amazon (older book covering both Webpack and React). This book shows you how to build a little Kanban application using React. During the process you will learn the basics and will be able to take the skills to your own projects. You can read the book online.

quik - :rocket: A quick way to prototype and build apps with React and Babel with zero-setup.

  •    Javascript

A quick way to prototype and build apps with React and Babel with zero-setup. Setting up the tooling required to work on a modern day web app is hard, and makes quick prototyping much more difficult than it should be. Quik is a quick way to prototype a React application without any kind of setup. It can also generate a production-ready JavaScript bundle to use in your app. No setup required.

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.

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.

create-react-kotlin-app - Create React apps using Kotlin with no build configuration

  •    Javascript

Create React apps in Kotlin with no build configuration. Please note that this is an early preview version.

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-native-babel - Configuration to build React Native apps with ES6 using webpack and Babel

  •    Objective-C

It's possible to write React Native apps in ES6+ using babel-loader and webpack. Check better approach using DependencyGraph module: dep-graph.

sw-precache-webpack-plugin - Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets

  •    Javascript

SWPrecacheWebpackPlugin is a webpack plugin for using service workers to cache your external project dependencies. It will generate a service worker file using sw-precache and add it to your build directory. A simple configuration example that will work well in most production environments. Based on the configuration used in create-react-app.

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.

backpack - 🎒 Backpack is a minimalistic build system for Node.js projects.

  •    Javascript

Backpack is minimalistic build system for Node.js. Inspired by Facebook's create-react-app, Zeit's Next.js, and Remy's Nodemon, Backpack lets you create modern Node.js apps and services with zero configuration. Backpack handles all the file-watching, live-reloading, transpiling, and bundling, so you don't have to. It comes with a few conventions defaults (like support for the latest JavaScript awesomeness (i.e. async/await, object rest spread, and class properties)), but everything can be customized to fit your project's needs. Best of all, you can easily add Backpack to your existing Node.js project with just a single dependency.HOWEVER, you can configure Backpack to your project's needs by extending the underlying Webpack 2 configuration.