Ibby PARC6502

React inline style systems

jsxstyle: jsxstyle is an inline style system for React and Preact. It provides a best-in-class developer experience without sacrificing performance, and has little regard for existing CSS orthodoxy. Styles are written inline on a special set of components exported by jsxstyle. Inline styles on these components are converted to CSS rules and added to the document right as they’re needed.
styled-components: Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier! styled-components is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the documentation about React Nativ

Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts.

Javascript implementation of processing, "reinterpreted for today's web"

openFrameworks is an open source C++ toolkit for creative coding

SuperCollider is a platform for audio synthesis and algorithmic composition, used by musicians, artists, and researchers working with sound.

Cinder is a free and open source library for professional-quality creative coding in C++.

	from kivy.storage.dictstore import DictStore
	from kivy.event import EventDispatcher
	from kivy.properties import ListProperty


	store = DictStore('test.dict')

	class TestClass(EventDispatcher):
	tasks = ListProperty([{'in_cats': [], 'deleted': False, 'type': 'task', 'id': 0, 'name': 'Task1'}, {'in_cats': [], 'deleted': False, 'type':'task', 'id': 1, 'name': 'Task2'}])

	from kivy.app import App
	from kivy.lang import Builder
	from kivy.uix.gridlayout import GridLayout
	from kivy.factory import Factory

	Builder.load_string("""
	<MainView>:
	cols: 1
	size_hint_y: None
	height: self.minimum_height

	/* Sheet 4 Exercise B
	* Written by: Ibrahim El-Serafy (Ibby)
	* First written: 18/10/2016
	* Last updated: 25/10/2016
	*/
	import sheffield.*;
	public class Exercise4b {
	public static void main(String[] args) {
	final String SPACE = " ";
	final String STAR = "*";

	import React, {Fragment} from 'react';

	const HomePage = props => {
	return (
	<Fragment>
	<h2>The heading</h2>
	<div className="centered"><TheImage /></div>
	</Fragment>
	);
	};

	import styled from 'styled-components';

	const CustomButton = styled.button`
	background: papayawhip;
	width: 100%;
	`

	export default CustomButton;

	#A script to initialise a p5 folder

	SOURCEDIR="~\p5templates\empty-example"

	getopts 'g' flag;
	if [[ "${flag}" == "g" ]]; then
	SOURCEDIR="~\p5templates\generative-library"
	fi

	# I guess this line removes the g flag for cp...