• Stars
    star
    104
  • Rank 330,604 (Top 7 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 9 years ago
  • Updated almost 7 years ago

Reviews

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

Repository Details

lightweight React.js ES6 boilerplate with JSPM and proper hot reloading modules

jspm-react DEPRECATED

This repo is deprecated-other bundlers have won the bundler wars-namely webpack or parcel. Use them instead.

js-standard-style

lightweight React.js boilerplate with JSPM and hot reloading modules

master branch has JSPM 0.16, for 0.17 use branch jspm-0.17. JSPM 0.17 is still beta, I would advise against using JSPM 0.17 for production deployments for now.

Quickstart to development

git clone [email protected]:capaj/jspm-react.git
npm i
npm start

npm scripts available:

npm start #starts webserver and watcher, the http port is 9080
npm build #build your bundle, use purely for production
npm test #runs mocha/chai/jsdom tests in node.js

Styles

Make your own style pipeline, this boilerplate doesn't offer one. Me personally, I am fine with inline styles inside my react components most of the time, but that is just me.

Includes

  • githooks via husky for commit trigerring tests and style check
  • MobX for easy/reliable/fast state management powered by ES5 getters/setters
  • react-router
  • simple unit/midway tests with Mocha, Chai and airbnb's enzyme

More Repositories

1

react-tweet-embed

react component which takes a tweet id in props and you'll get a tweet embed rendered once the twitter clientside API loads, nothing more
TypeScript
157
star
2

vscode-standardjs-snippets

a complete set of Javascript snippets for Visual Studio Code
96
star
3

react-promise

a react.js hook for general promise in typescript
TypeScript
94
star
4

socket.io-rpc

Extend your promises across a network with socket.io
JavaScript
70
star
5

require-globify

transform for browserify, which allows to require files with globbing expressions
JavaScript
70
star
6

Moonridge

Mongo live query framework bootstrapped on socket.io-rpc and mongoosejs. Takes your mongoose models and allows for easy and elegant consumption over the network in your frontend app or in remote node process.
JavaScript
65
star
7

localstorage-polyfill

in memory localStorage polyfill for node.js utilizing ES6 proxies
JavaScript
64
star
8

graphql-codegen-vscode

vscode extension which runs graphql-codegen whenever you save a query/mutation
TypeScript
61
star
9

be-pretty

💄 a small CLI utility for every lazy prettier maximalist out there
JavaScript
41
star
10

set-tz

sets the timezone for your node.js process across all OSes
JavaScript
41
star
11

mobx-stored

Mobx observables persistent across browser tabs/sessions
TypeScript
39
star
12

ng-tools

collection of useful services/factories/directives/filters I like using in my projects
JavaScript
31
star
13

chokidar-socket-emitter

a simple chokidar watcher which emits events to all connected socket.io clients
JavaScript
28
star
14

mobx-location

just location as a mobx observable. Very minimal wrapper around browser location utilizing popstate event of HTML5 history api
JavaScript
26
star
15

array-sugar

Tired of not having a last property on array in Javascript? Tired of not having contains method? This little script solves those.
JavaScript
22
star
16

vscode-exports-autocomplete

finds javascript ES6 exports in your project and autocompletes them when writing javascript statements
JavaScript
17
star
17

jspm-mithril

Mithril.js boilerplate with hot reloading modules
JavaScript
14
star
18

react-bound

a HOC for binding an input or group off inputs to a model-it can be a POJO or a mobx observable
JavaScript
13
star
19

proxevable

object change tracker based on ES6 proxies
JavaScript
12
star
20

use-graphql-request

lightweight react hooks for querying graphql endpoint from react
TypeScript
12
star
21

mobx-observer

a simple observer decorator you can utilize with any react-like components
JavaScript
12
star
22

node-angular-blog

simple blog based on nodejs, expressjs, mongoose and angularjs on lient side
JavaScript
10
star
23

proxy-date

a minimal clean utility for mocking Date in any environment featuring ES6 Proxy
JavaScript
10
star
24

react-observe-store

using observe-js it observes your stores and calls forceUpdate() on your component whenever a change is triggered in stores
JavaScript
9
star
25

vite-lingui-poc

just a sample app showing how to use lingui.js with vite bundler
JavaScript
9
star
26

proxy-recorder

proxy with recording capabilities for easy mocking of 3rd party APIs
JavaScript
8
star
27

proxdb

small scale node.js embedded in memory DB on top of levelUp, proxevable and Joi for validations
JavaScript
8
star
28

querybook

like storybook, but for graphql queries
TypeScript
8
star
29

require-stylify

require styles in your browserify builds, same as you require your js files, works with css, less and sass
JavaScript
7
star
30

koa-graphql-boilerplate

a minimal boilerplate for graphql API running on koa with graphiql. Standard.js for linting with flowtype for typechecking
JavaScript
7
star
31

mongoose-schema-serializer

serialize and deserialize your mongoose schema with this
JavaScript
4
star
32

weakee

Weakmaps powered lightweight event emitter(this one should not leak)
JavaScript
4
star
33

vercel-serverless-mercurius-sample-api

small sample mercurius Graphql API deployed on vercel
TypeScript
4
star
34

socket.io-rpc-client

client library for a socket.io-rpc
JavaScript
4
star
35

react-slyer

super simple wrapper for sly.js slider for react.js
JavaScript
3
star
36

observe-deep

observeDeep function for simple observing of the whole object tree, not just the keys and values
JavaScript
3
star
37

moonridge-client

client library for Mongo ORM framework Moonridge
JavaScript
3
star
38

react-testing-with-ava-and-enzyme

a short talk on testing in react-spectacle
JavaScript
3
star
39

puppeteer-vs-selenium

just a very quick comparison of these two browser automation libs
JavaScript
3
star
40

get-exports-from-file

parses a javascript file and outputs a list of exported components
JavaScript
2
star
41

react-snappy

utility for testing react components against html snapshots
JavaScript
2
star
42

Weighted_voting_for_building_owners

Little KnockoutJS, websocket and RavenDB experiment
JavaScript
2
star
43

graphql-vcr

a recorder for graphql-can record and "replay" requests coming to your API
TypeScript
2
star
44

jspm-inferno

boilerplate for a typical web app powered by inferno and JSPM with hot-reloading
JavaScript
2
star
45

node-rest-vs-graphql

comparison of two implementations of the same API using REST and Graphql
TypeScript
2
star
46

nexridge-client

knex.js powered framework client for querying your SQL DB over the network
JavaScript
2
star
47

react-tether-drop

A react component wrapping tether-drop
JavaScript
2
star
48

postuj-hovna

originally a hackaton app for reporting dog poo on the streets of Prague
CSS
2
star
49

jspm-preact

just another JSPM boilerplate with preact and hot reloading modules
JavaScript
2
star
50

jspm-aurelia

lightweight Aurelia boilerplate with hot reloading modules
2
star
51

babble-admin

quick hackathon mvp for beacon admin interface built with react.js and MobX
JavaScript
2
star
52

kan

Koa, angular boilerplate built with npm&jspm awesomness
JavaScript
2
star
53

how-to-node-io

Nodejs has come a long way so too has its asynchronous support with promises and streams.
1
star
54

vscode-dependencies-autocomplete

a simple autcomplete provider for you package.json dependencies
TypeScript
1
star
55

node-platey

a simple node.js CLI utility to setup a new node.project including typescript, vitest and prettier
TypeScript
1
star
56

grok-mobx

just couple of simple code samples demonstrating MobX
JavaScript
1
star
57

backbone-calc

just a little coding challenge on Backbone.js
JavaScript
1
star
58

github-voting

MEAN app for voting on github issues and pull requests utilizing github API
JavaScript
1
star
59

knexr

an SQL database GUI built with react/mobx on top of knex query builder
1
star
60

Democracy-2.0

Website powered by Javascript, .NET(Fleck and RavenDB) on server
JavaScript
1
star
61

require-logger

tiny utility to help when debugging cyclic dependency issues in node.js
JavaScript
1
star
62

ts-gql-objection-blog

a showcase demonstrating how to use objection.js with type-graphql to write a GraphQL API
TypeScript
1
star
63

jspm-aurelia-bundler

a lightweight tool on top of systemjs builder for proper bundling of your Aurelia apps
JavaScript
1
star
64

contrib-locs

a CLI util to keep a list of all people who are to blame for all the the inidividual lines in the codebase
TypeScript
1
star
65

refserialize

a utility for serializing/deserializing POJOs with object references
JavaScript
1
star
66

zakonomat

platform for general legislative initiative in Czech republic based on Github gists
CSS
1
star
67

npm-autocomplete

atom editor autocomplete-plus provider for writing require statements to npm packages
CoffeeScript
1
star
68

nexridge

knex.js powered framework for querying your SQL DB over the network
JavaScript
1
star
69

object-fsify

file system persisted variables as simple as it ever will be
JavaScript
1
star
70

jspm-dev-buddy

JSPM development companion package, which either substitutes chokidar-socket-emitter or connects to it in order to provide the best development experience in Atom editor
JavaScript
1
star
71

adisepo-xml-generator

simple CLI tool for submitting Czech financial tax forms
TypeScript
1
star
72

hashset.js

simple hashset implementation aimed to working with DB entries on frontend. If it has primary keys, storing it in a hashset is probably a good idea.
JavaScript
1
star
73

atom-profile

atom package for user management, export/import your config as JSON or through atom-profiles backend
JavaScript
1
star