Paratron

Use SCSS to CSS converter for your project

• npm install --save-dev node-sass
• Add script to package.json: node-sass --watch INPUTFOLDER -o OUTPUTFOLDER
• Run script, enjoy

Paratron

const {promisify} = require('util');

const promisifyModuleFunctions = (inModule) => Object
	.entries(inModule)
	.reduce((outModule, [key, property]) => {
		outModule[key] = (typeof property === 'function')
			? promisify(property)
			: property;

		return outModule;

Paratron

// The normal async programming flow in nodeJS can get hairy, quickly:

function readAndParse(filename, callback){
	fs.readFile(filename, 'utf8', (err, data) => {
		if(err){
			callback(err, null);
			return;
		}

		myParser.doParsing(data, (err, result) => {

Paratron

const myObject = ['a', 'b', 'c'].reduce((obj, key) => (obj[key] = key, obj), {});

Paratron

/**
 * Sometimes you need to create a component of which all instances should rely on the same data pool.
 * Lets for example consider a country selector dropdown. No matter how much of them you use inside your
 * application - the all should share the same list of countries. But passing that list down to each and
 * every component instance via props is very tiresome and bloats your app.
 *
 * Behold: the shared value component pattern!
 */
import React from 'react';
import PropTypes from 'prop-types';

Paratron

import React from 'react';
import PropTypes from 'prop-types';

const propTypes = {
  firstName:  PropTypes.string,
  lastName:   PropTypes.string,
  birthDay:   PropTypes.number,
  gender:     PropTypes.number,     
}

Paratron

# With SASS
create-react-app APPNAME --scripts-version custom-react-scripts

# With typescript
create-react-app APPNAME --scripts-version=react-scripts-ts

Paratron

/**
 * Draws a poligon - can draw anything from a triangle to a star.
 * Source and demo: http://jsfiddle.net/tohan/8vwjn4cx/
 */
function drawShape(ctx, x, y, points, radius1, radius2, alpha0) {
    //points: number of points (or number of sides for polygons)
    //radius1: "outer" radius of the star
    //radius2: "inner" radius of the star (if equal to radius1, a polygon is drawn)
    //angle0: initial angle (clockwise), by default, stars and polygons are 'pointing' up
    var i, angle, radius;

Paratron

var Door = function Door(){
 
};
 
Door.prototype = {
    constructor: Door,
    name: 'Door',
    hp: 5,
    char: '+',
    color: 'yellow',

Paratron

require('lib/php/Twig/Autoloader.php');

Twig_Autoloader::register();

$loader = new Twig_Loader_Filesystem('lib/templates');
$twig = new Twig_Environment($loader);