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

  •        66

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.

fe-interview - 前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),4000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

  •    Javascript

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),4000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

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.

bookshelf - Build a ReactJS App workshop

  •    Javascript

<div> <h1 align="center"><a href="https://epicreact.dev">Build an Epic React App 🚀 EpicReact.Dev</a></h1> <strong> Building a full React application </strong> <p> The React and JavaScript ecosystem is full of tools and libraries to help you build your applications. In this (huge) workshop we’ll build an application from scratch using widely supported and proven tools and techniques. We’ll cover everything about building frontend React applications, from the absolute basics to the tricky parts you'll run into building real world React apps and how to create great abstractions. </p>

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.

Next.js - Framework for server-rendered or statically-exported React apps

  •    Javascript

Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

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.

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.

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.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.