Displaying 1 to 20 from 54 results

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.

babel-loader - 📦 Webpack plugin for Babel

  •    Javascript

This package allows transpiling JavaScript files using Babel and webpack.Notes: Issues with the output should be reported on the babel issue tracker.

nwb - A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)

  •    Javascript

Installing globally provides an nwb command for quick development and working with projects. Using npm >= 3 is recommended, as Babel takes significantly more time and disk space to install with npm 2 due to its lack of deduplication.

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.




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-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes

  •    Javascript

It just works out-of-the-box. Run npm run watch in your terminal and play with views/Main.js to get a feel of the server-side rendering and client-side hot updates.

webpack-encore - A simple but powerful API for processing & compiling assets built around Webpack

  •    Javascript

Webpack Encore is a simpler way to integrate Webpack into your application. It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules, pre-processing CSS & JS and compiling and minifying assets. Encore gives you professional asset system that's a delight to use. Encore is inspired by Webpacker and Mix, but stays in the spirit of Webpack: using its features, concepts and naming conventions for a familiar feel. It aims to solve the most common Webpack use cases.

angular2-babel-esnext-starter - Angular development and testing examples with Babel in Javascript (ES6/ES7)

  •    Javascript

This repository shows development and testing techniques with Angular. The application is written in modern Javascript without Typescript. It can be ideal for those who are new to Angular and want to learn how things work and fiddle with Typescript later. It is a basic CRUD application with authentication, similar to the news site jslive.com. You can see the list of links, add and edit them after you signed in.


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.

babel-minify-webpack-plugin - Babel Minify Webpack Plugin

  •    Javascript

minifyOpts are passed on to babel-preset-minify. You can find a list of all available options in the package directory.

sku - Front-end development toolkit, powered by Webpack, Babel, CSS Modules, Less, ESLint and Jest.

  •    Javascript

Front-end development toolkit, powered by Webpack, Babel, CSS Modules, Less, ESLint and Jest. Quickly get up and running with a zero-config development environment, or optionally add minimal config when needed. Designed for usage with seek-style-guide, although this isn't a requirement.

vue-build - Ultra Simple, Development, Testing and Production Build Cli

  •    Javascript

The build process is one of the most frustrating things about front end development and cluttering up your app with a bunch of config and packages you rarely ever need to think about doesn't help either.

react-email-workflow - Drag and Drop newsletter design tool

  •    Javascript

A drag-and-drop newsletter design tool.Open up your terminal and navigate to the directory of your choice. Clone the repository and install its dependencies.

babel-engine-plugin - Webpack plugin that transpiles dependencies targeting Node

  •    Javascript

Within your webpack configuration object, you'll need to add the babel-engine-plugin to the list of plugins.Module maintainers often only target Node.js and don't really care about browser support. Tools like Webpack allow you to easily bundle these modules and run them in the browser. But since Node.js 0.12 became deprecated, module maintainers started to leverage the new ES2016 features, for example fat-arrow functions. This becomes a problem because not all of these features are supported in the browser. Tools like UglifyJS doesn't like them either as it will fail with an Unexpected Token error.

add-module-exports-webpack-plugin - Add `module.exports` for Babel and TypeScript compiled code

  •    Javascript

When you use ES2015 modules with Babel or have a default export in TypeScript, they generate code which requires you to import it with require('x').default in CommonJS instead of require('x'). This plugin enables the latter.