bvaughn

The MIT License (MIT)

Copyright © <year> <copyright holders>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell

jkrems

Modules - History & Future

History

• Early work by Ihab Awad (Google) and Kris Kowal (FastSoft)
  • https://twitter.com/kriskowal/status/943547614158450688
  • Hermetic eval presentation: https://docs.google.com/presentation/d/1KlPxgocvzpTq44KTF4xZ6TnzGRsy628hP5he7bXVB3I/edit#slide=id.i0
• 2009-09: 2nd draft of module strawman, still very close to "closures as modules", export x = 42
  • https://esdiscuss.org/topic/hermetic-evaluation-modules-strawman

• https://docs.google.com/document/u/1/pub?id=1hNv1SHh_v_6nD1QBd6pySUJ2U5roAELzW5cqD2tt_WM

fedek6

import React from "react";
import { DocsContainer as BaseContainer } from "@storybook/addon-docs/blocks";
import { useDarkMode } from "storybook-dark-mode";
import { themes } from "@storybook/theming";

export const DocsContainer = ({ children, context }) => {
  const dark = useDarkMode();

  return (
    <BaseContainer

frozenex

#!/bin/bash
# Copy this file to any directory containing images & then run this script in bash shell
# Get all png images in the current directory & convert it to webp format
for file in *.png ;
do
cwebp -q 80 "$file" -o "${file%.png}.webp";
done

OliverJAsh

Flexbox gutters

Problem

• We use flexbox for our layout.
• We want to add horizontal and vertical gutters inbetween these items.
• Items wrap according to contents (flex-wrap: wrap), therefore we can't decide when/where to apply gutters using breakpoints.

Solution

danielkcz

const NoChildrenAllowed: ReactFC<NoChildren> = () => null
  
const RequireSingleChild: ReactFC<Required<SingleChild>> = () => null
  
type TProps = Required<SomeChildren> & {
  otherProp: number
}
  
const RequireMoreChildrenAndOtherProps: ReactFC<TProps> = () => null

smockle

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>ANSIBlackColor</key>
	<data>
	YnBsaXN0MDDUAQIDBAUGFRZYJHZlcnNpb25YJG9iamVjdHNZJGFyY2hpdmVyVCR0b3AS
	AAGGoKMHCA9VJG51bGzTCQoLDA0OVU5TUkdCXE5TQ29sb3JTcGFjZVYkY2xhc3NGMCAw
	IDAAEAGAAtIQERITWiRjbGFzc25hbWVYJGNsYXNzZXNXTlNDb2xvcqISFFhOU09iamVj
	dF8QD05TS2V5ZWRBcmNoaXZlctEXGFRyb290gAEIERojLTI3O0FITltiaWttcn2GjpGa

leongersen

(function(){

	'use strict';

	$('[data-slider]').each(function(){

		function d(a,b){
			return parseFloat(a.attr(b) || a.attr('data-'+b));
		}
	

stucox

// http://www.w3.org/TR/dom/
// http://updates.html5rocks.com/2012/02/Detect-DOM-changes-with-Mutation-Observers
// https://developer.mozilla.org/en-US/docs/DOM/MutationObserver
var MutationObserver = (function () {
  var prefixes = ['WebKit', 'Moz', 'O', 'Ms', '']
  for(var i=0; i < prefixes.length; i++) {
    if(prefixes[i] + 'MutationObserver' in window) {
      return window[prefixes[i] + 'MutationObserver'];
    }
  }

vincentriemer

import ReactDOM from "react-dom";
export default ReactDOM.unstable_batchedUpdates;