christianalfoni/flux-react-boilerplate

Stars
166
Rank 227,748 (Top 5 %)
Language
JavaScript
Created over 10 years ago
Updated almost 9 years ago

christianalfoni/flux-react-boilerplate

christianalfoni

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

A boilerplate for a full FLUX architecture

FLUX React JS Boilerplate

Based on the architecture suggestions from Facebook, this boilerplate will help you deal with it. It has included the flux-react extension to React JS, flux-react.

Read more about FLUX over at Facebook Flux and I wrote a post about it too: My experiences building a FLUX application and React JS and FLUX

Development

Run npm install
Run gulp
Start a webservice in the build folder, f.ex. python -m SimpleHTTPServer
Go to localhost:8000 to display the app
Go to localhost:8000/testrunner.html to see your tests
Any changes to app or styles folder will automatically rebuild to build folder
Both tests and application changes will refresh automatically in the browser
Run gulp test to run all tests with phantomJS and produce XML reports

Minify the code, ready for production

Run gulp deploy

Directory

build/: Where your automatically builds to. This is where you launch your app in development
dist/: Where the deployed code exists, ready for production
styles/: Where you put your css files
specs/: Where you put your test files
gulpfile: Gulp configuration

formsy-react

A form input builder and validator for React JS

webpack-express-boilerplate

A boilerplate for running a Webpack workflow in Node express

webpack-bin

A webpack code sandbox

flux-angular

Use the FLUX architecture with Angular JS

react-app-boilerplate

React application boilerplate

EmptyBox

A complete isomorphic hackable blog service based on React JS

react-webpack-cookbook

Temp repo for transfer

react-states

Explicit states for predictable user experiences

flux-react

A library combining tools to develop with a FLUX architecture

markdown-to-react-components

Convert markdown into react components

rxjs-react-component

A component allowing you to change state using observables

create-ssl-certificate

Command line tool to create self signed SSL certificate

immutable-store

An easy to use immutable store for React JS and FLUX architecture

impact

Reactive state management for React

webpack-example

An example of webpack workflow

proxy-state-tree

An implementation of the Mobx/Vue state tracking approach, for library authors

timsy

Agnostic functional state machine with epic type support

redux-nodes

Nodes instead of reducers

react-simple-flex

An intuitive abstraction over flexbox

reactive-router

A reactive wrapper around Page JS

react-addressbar

Take control of the addressbar in a reactive way

form-data-to-object

Converts application/x-www-form-urlencoded keys to plain JS object

react-packaging

Examples of how to create a workflow with React JS using different packaging tools

jflux

An easy to use unidirectional component based framework

objectory

Object factory honoring JavaScripts prototype delegation

npm-extractor

Extracts npm packages into memory

emmis

Create a chaining API for your application

isomorphic-react-baobab-example

An example related to article about using baobab to create an isomorphic react app

process-control

A tool for managing continuous async process by starting, stopping, restarting and disposing

flutter_observable_state

Observable state for flutter applications

angular-flux

A plugin for Angular JS that lets you write code with the FLUX pattern

exploring-elm-boilerplate

A boilerplate used in an article series exploring Elm

baobab-hot-loader

Using Webpack hot replacement update your application state without reload

predictable-user-experiences-in-react-book

A book about predictable user experiences in React

cerebral-react-baobab

A Cerebral package with React and Baobab

op-op-spec

The op-op specification. A simple straight forward approach to functional programming

flux-react-router

A router in the flux-react family

signalit

Manage state locally and globally in React with signals

observable-state

Observables for creating reactive functional state in applications

cerebral-react-immutable-store

Cerebral package with react and immutable store

R

An application framework using functional reactive concepts and virtual-dom

flux-react-dispatcher

React dispatcher for the FLUX architecture

backbone-draganddrop-delegation

A consistent drag and drop across browsers using native like events

react-environment-interface

Define and consume a custom environment for your application

baobab-angular

A state handling library for Angular, based on Baobab

react-nodesy

React node hierarchy with render props

chrome-recorder

Lets you easily record audio and video in Chrome

cerebral-angular-immutable-store

A cerebral package for angular and immutable-store

reactive-app

Build large scale applications supported by visual tools

virtual-dom-loader

A virtual-hyperscript, used in virtual-dom, to JSX converter for Webpack

HotDiggeDy

Test project for using observables to build complex apps

typed-client-router

batchcalls

Batches calls to a function and passes arguments as arrays

cerebral-boilerplate

A webpack boilerplate for cerebral applications

class-states

Manage async complexity with states

cerebral-router-demo

The demo code for the cerebral router introduction

actorial

Actor pattern with state machines

flux-react-store

A simple construct for your flux stores

create-gql-api

Simplify GQL typing and consumption

christianalfoni.com

My personal website

redux-proxy-thunk

TeachKidsCode

An open source service for learning code

formsy-angular

A form input builder and validator for Angular JS

the-angular-experiment

An experiment bringing components and immutable state to Angular

grunt-tdd

Run browser and Node JS tests on Buster, Mocha or Jasmine and get the reports in the browser

boilproject-service

The service that allows you to create boilerplates

new-git-flow

Created with CodeSandbox

cerebral-immutable-store

Immutable Store Model layer for Cerebral

family-scrum-v2

webpack-express-isomorphic-react-boilerplate

An isomorphic boilerplate with react, babel, routing and express on the server

middleend-boilerplate

A boilerplate for building applications with a middleend

markdown-excalidraw

codesandbox-weekplanner

Created with CodeSandbox

lib-boilerplate

A boilerplate for creating any JavaScript frontend, or frontend+backend, library

models-test-2

Created with CodeSandbox

grunt-buster-tdd

A browser and Node TDD tool using Buster JS

devchat

C

An inheritance experiment which allows for private variables and "super" up the constructor chain

boilproject-cli

An NPX tool to easily start a new project

Protos

Inheritance the native JavaScript way

our-project-design-system

Created with CodeSandbox

hm

create-css-theme

Converts your theme into css variables for easy consumption with CSS approach

contribute-vscode-plugin

Contribute to github for beginners

module-loader-tdd

An easy to use and easy to test module loader

validate

A general JavaScript validation tool with pre-configuration, Backbone support and can be used cross client/server