spro

import {useEffect} from 'react'
import {RecoilRoot, useRecoilState, atom} from 'recoil'

// User data

const user1 = {username: 'joe', bio: "You will never see me, unless of course this example is totally broken."}
const user2 = {username: 'bob', bio: "I am the one true user."}
const user3 = {username: 'fred', bio: "Just kidding, make way for the new guy."}

// Recoil atom to store user. The default user is user1, but it will be

MrChocolatine

macOS - Remove metadata from PDF files

Inspired from: https://www.reddit.com/r/apple/comments/3cbbor/tip_remove_author_data_from_pdf/

• Launch Automator.app

• In the menubar click File > New > Select Workflow then click Choose

• In the left pane search for the item Get Selected Finder Items

gaearon

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

• Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

f-rumblefish

# import library ---------------------------------------------------------------
import pygame.midi
import time

# define all the constant values -----------------------------------------------
device = 0     # device number in win10 laptop
instrument = 9 # http://www.ccarh.org/courses/253/handout/gminstruments/
note_Do = 48   # http://www.electronics.dit.ie/staff/tscarff/Music_technology/midi/midi_note_numbers_for_octaves.htm
note_Re = 50
note_Me = 52

markerikson

Cheng Lou - On the Spectrum of Abstraction

Cheng Lou, a former member of the React team, gave an incredible talk at React Europe 2016 entitled "On the Spectrum of Abstraction". That talk is available for viewing here: https://www.youtube.com/watch?v=mVVNJKv9esE

It's only a half-hour, but it is mind-blowing. It's worth re-watching two or three times, to let the ideas sink in.

I just rewatched the talk for some research, and wrote down a summary that's semi-transcript-ish. I didn't see any other transcripts for this talk, other than the auto-generated closed captions, so I wanted to share for reference.

Summary

smoll

Using DiffMerge as your git mergetool (for Mac OS X / macOS)

Reference(s):

• http://twobitlabs.com/2011/08/install-diffmerge-git-mac-os-x/
• http://stackoverflow.com/a/1251696

Step 1: download and install the DiffMerge OS X Installer

http://www.sourcegear.com/diffmerge/downloads.php - get the installer version, NOT the dmg version

rvl

Pushing to Multiple Git Repos

If a project has to have multiple git repos (e.g. Bitbucket and Github) then it's better that they remain in sync.

Usually this would involve pushing each branch to each repo in turn, but actually Git allows pushing to multiple repos in one go.

If in doubt about what git is doing when you run these commands, just

DmitrySoshnikov

@kangax's ES6 quiz, explained

@kangax created a new interesting quiz, this time devoted to ES6 (aka ES2015). I found this quiz very interesting and quite hard (made myself 3 mistakes on first pass).

Here we go with the explanations:

Question 1:

(function(x, f = () => x) {

max-mapper

1. compile ffmpeg for arm https://github.com/fiorix/ffmpeg-arm
2. create youtube 'live event'. get rtmp url + session id
3. run this:

raspivid -o - -t 0 -vf -hf -fps 30 -b 6000000 | ffmpeg -re -ar 44100 -ac 2 -acodec pcm_s16le -f s16le -ac 2 -i /dev/zero -f h264 -i - -vcodec copy -acodec aac -ab 128k -g 50 -strict experimental -f flv rtmp://a.rtmp.youtube.com/live2/<SESSION>

you can tweak -b and -fps to your liking. the settings above work well for 1080p. by not specifying width or height we get the full 1920x1080 resolution from the raspi camera

ademilter

root/
|-- scss/						# https://gist.github.com/ademilter/746cb307f14bd4e32de1#file-scss
|
|-- js/							# Script klasörü
| |-- plugin/						- Eklentilere ait scriptler
| |-- pages/						- Sayfalara özel scriptler
| |-- plugin.js						- Plugin klasöründeki dosyaları bu dosya içinde birleştiriyoruz
| |-- main.js						- Global olan bütün scriptleri buraya yazıyoruz
|
|-- img/						# Ham tasarım ve sprite gibi dosyalar (psd, sketch, ai, vs...)