Displaying 1 to 20 from 471 results

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

  •    Javascript

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.

redux-auth - Complete token authentication system for react + redux that supports isomorphic rendering

  •    Javascript

You can see a complete working example here. The code for the demo is here.This project comes bundled with a test app. You can run the demo locally by following these instructions, or you can use it here in production.

isomorphic-style-loader - CSS style loader for Webpack that is optimized for isomorphic (universal) web apps

  •    Javascript

CSS style loader for Webpack that works similarly to style-loader, but is optimized for critical path CSS rendering and also works great in the context of isomorphic apps. It provides two helper methods on to the styles object - ._insertCss() (injects CSS into the DOM) and ._getCss() (returns a CSS string).Note: Configuration is the same for both client-side and server-side bundles. For more information visit https://webpack.js.org/configuration/module/.




react-firebase-starter - Boilerplate (seed) project for creating web apps with React

  •    Javascript

React Firebase Starter (RFS) is a popular project template (aka boilerplate) for creating single-page applications with React, Firebase and GraphQL.This project was bootstraped with React Firebase Starter by Kriasoft (get support on Telegram).

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.

cooking - 👨‍🍳 更易上手的前端构建工具

  •    Javascript

Hit Gitter if you come across any problem while using cooking. Issues are only for bug reports and feature requests.

react-starter - [OUTDATED] Starter template for React with webpack

  •    Javascript

Starter template for react and webpack.Just clone this repo and change the origin git remote.


razzle - ✨ Create server-rendered universal JavaScript applications with no configuration

  •    Javascript

Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or react-server, fork a boilerplate, or set things up yourself. Aiming to fill this void, Razzle is a tool that abstracts all complex configuration needed for SSR into a single dependency--giving you the awesome developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you. With this approach, Razzle not only works with React, but also Reason, Elm, Vue, Angular, and most importantly......whatever comes next.Below is a list of commands you will probably find useful.

poi - :zap: Delightful web development.

  •    Javascript

Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.Note: You need to install react react-dom and run Poi with --jsx react flag. For convenience, here's also poi-preset-react which adds both React JSX and React HMR support.

electron-webpack-dashboard - Electron Desktop GUI for Webpack Dashboard

  •    Javascript

The original webpack-dashboard, was fun and people seemed to like it. Unless they were on Windows, or used a weird terminal set up, or if they just wanted more.Making things work across a variety of different terminal environments is pretty rough. Also, a web GUI provides some unique UI possibilities that weren't there with the term display.

roadhog - 🐷 Cli tool for creating react apps, configurable version of create-react-app.

  •    Javascript

Roadhog is a cli tool with dev、build and test commands. It's based on react-dev-utils and is consistent with the experience of create-react-app. You can imagine this is a configurable version of create-react-app.roadhog dev support mock, configured in .roadhogrc.mock.js.

webpack-tricks - Tips and tricks in using Webpack

  •    

Just a small catalog of Webpack tips and tricks I've learned. These tricks work with Webpack v3 unless otherwise specified.Invoke Webpack with -p for production builds. In Webpack 2, this also automatically sets process.env.NODE_ENV === 'production'.

essential-react - A minimal skeleton for building testable React apps using Babel

  •    Javascript

A minimal skeleton for building testable React apps using Babel. Navigate to http://localhost:8080/ to view the app.

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.

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.

js-stack-from-scratch - 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.

  •    Javascript

Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch. This is a straight-to-the-point guide to assembling a JavaScript stack. It requires some general programming knowledge, and JavaScript basics. It focuses on wiring tools together and giving you the simplest possible example for each tool. You can see this tutorial as a way to write your own boilerplate from scratch. Since the goal of this tutorial is to assemble various tools, I do not go into details about how these tools work individually. Refer to their documentation or find other tutorials if you want to acquire deeper knowledge in them.

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.