ryanflorence

import React, { useState, useMemo } from "react"
import { calculateTotals } from "./utils"

export default function SelectTickets({
  context: { workshopData, subscriberCode },
  send
}) {
  let initialTicketsToPurchase = useMemo(
    () =>
      workshopData.ticketTypes.reduce((ticketsToPurchase, type, index) => {

micahgodbolt

The apt-get version of node is incredibly old, and installing a new copy is a bit of a runaround.

So here's how you can use NVM to quickly get a fresh copy of Node on your new Bash on Windows install

$ touch ~/.bashrc
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
// restart bash
$ nvm install --lts

telekosmos

var heroes = [
{
    id: 5,
    name: 'Batman',
    realName: 'Bruce Wayne',
    equipments: [
        {
            type: 'boomarang',
            name: 'Batarang',
        },

jhngrant

# PostgreSQL can be on a remote server but you'll need root privileges in Linux and superuser in PostgreSQL.

# First install build tools

sudo su
aptitude install build-essential
aptitude install postgresql-server-dev-9.4

# Clone and build the PL/pgSQL server-side debugger

zxbodya

Observable React elements with RxJS

Note: if you want to skip history behind this, and just looking for final result see: rx-react-container

When I just started using RxJS with React, I was subscribing to observables in componentDidMount and disposing subscriptions at componentWillUnmount.

But, soon I realised that it is not fun to do all that subscriptions(that are just updating property in component state) manually, and written mixin for this...

Later I have rewritten it as "high order component" and added possibility to pass also obsarvers that will receive events from component.

bzgeb

using UnityEngine;
using System.Collections;

public class Metronome : MonoBehaviour
{
    public double bpm = 140.0F;

    double nextTick = 0.0F; // The next tick in dspTime
    double sampleRate = 0.0F; 
    bool ticked = false;

iammerrick

@ComponentInject({ ... })

So I got this API working with latest babel & React. It is a decorator which takes an object literal, the values of which are tokens that ought to be replaced by the dependency injector, the keys being what you would reference on this.props. It works by replacing the react component with an anonymous class which is annotated with the required dependencies. The instance of this class is a higher order component which renders the target component with the required dependencies merged onto this.props.

paulirish

console.log wrap resolving for your wrapped console logs

I've heard this before:

What I really get frustrated by is that I cannot wrap console.* and preserve line numbers

We enabled this in Chrome DevTools via blackboxing a bit ago.

If you blackbox the script file the contains the console log wrapper, the script location shown in the console will be corrected to the original source file and line number. Click, and the full source is looking longingly into your eyes.

ryanflorence

'use strict';

var React = require('react-native');
var {
  Bundler,
  StyleSheet,
  Text,
  TouchableHighlight,
  View,
  ScrollView,

addyosmani

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version