Denis spac3unit

The 0.13.0 improvements to React Components are often framed as "es6 classes" but being able to use the new class syntax isn't really the big change. The main thing of note in 0.13 is that React Components are no longer special objects that need to be created using a specific method (createClass()). One of the benefits of this change is that you can use the es6 class syntax, but also tons of other patterns work as well!

Below are a few examples creating React components that all work as expected using a bunch of JS object creation patterns (https://github.com/getify/You-Dont-Know-JS/blob/master/this%20&%20object%20prototypes/ch4.md#mixins). All of the examples are of stateful components, and so need to delegate to React.Component for setState(), but if you have stateless components each patterns tends to get even simpler. The one major caveat with react components is that you need to assign props and context to the component instance otherwise the component will be static. The reason is

A non-exhaustive list of WebGL frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are outdated/not maintained anymore.

Engines and libraries

three.js: JavaScript 3D library
stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
SceneJS: An extensible WebGL-based engine for high-detail 3D visualisation
Blend4Web: a tool for interactive 3D visualization on the Internet

These files show one way to make the next.js "with-global-stylesheet" example work with the amazingly awesome Storybook ecosystem.

Specifically, the three files below replace the next.config.js file, in the "with-global-stylesheet" example.

More generically, they demonstrate how to share webpack configuration extensions between next.js and Storybook.

A massive THANK YOU to tmeasday for all his help to get these working!

	<!--Pattern HTML-->
	<div id="pattern" class="pattern">
	<!--Begin Pattern HTML-->
	<button class="menu-link">Menu <span>▼</span></button>
	<nav id="menu" class="menu" role="navigation">
	<ul class="level-1">
	<!--Parent #1-->
	<li class="has-subnav">
	<a href="#">Parent #1</a>
	<ul class="level-2">

	{
	// http://eslint.org/docs/rules/

	"ecmaFeatures": {
	"binaryLiterals": false, // enable binary literals
	"blockBindings": false, // enable let and const (aka block bindings)
	"defaultParams": false, // enable default function parameters
	"forOf": false, // enable for-of loops
	"generators": false, // enable generators
	"objectLiteralComputedProperties": false, // enable computed object literal property names

	import time

	from progress.bar import Bar # sudo pip install progress

	bar = Bar('Processing', max=20, suffix='%(index)d/%(max)d - %(percent).1f%% - %(eta)ds')
	for i in range(20):
	time.sleep(.05) # Do some work
	bar.next()
	bar.finish()

	d = {1:11, 2:22, 3:33}

	# filter by key
	d2 = {k : v for k,v in filter(lambda t: t[0] in [1, 3], d.iteritems())}

	# filter by value
	d3 = {k : v for k,v in d.iteritems() if k in [2,3]}

	import fetch from 'node-fetch';
	import { observable, action, runInAction } from 'mobx';

	export default class GithubStore {
	@observable searchName;
	@observable user;
	@observable repos;
	@observable fetchingData;

	constructor() {

Denis spac3unit

Engines and libraries

React/Redux Style Guide

Table of Contents:

	/*
	This is a minimal working example
	*/

	import React, { Component } from 'react';
	import Filters from './Filters';
	import InputFilter from './InputFilter';
	import allMovies from './movies';

	class App extends Component {