Adrien Antoine adriantoine

tracked

@tracked is a decorator for Preact that makes working with state values no different than properties on your component instance.

It's one 300 byte function that creates a getter/setter alias into state/setState() for a given key, with an optional initial value. The "magic" here is simply that it works as a property decorator rather than a function, so it appears to integrate directly into the language.

tracked has no dependencies and works with any component implementation that uses this.state and this.setState().

Installation

pure() can be used as a higher order function or a decorator.

When passed a pure functional component, it wraps the function in a classful Component with a shouldComponentUpdate() that ignores renders for unchanged props.

When passed a classful Component, it injects a shouldComponentUpdate() method into the Component's prototype that ignores renders for unchanged props & state.

Functional Example

import pure from 'pure-component';

vim-thug-mode

So you want your vim to be straight up aquafina polar bear status? That maraschino cherry gold plated butterscotch library book shit?

Well iight den. Do this.

Holla at your .vimrc/.nvimrc file, and put these plugins in:

Plugin 'pangloss/vim-javascript'

Usage

node dirtyserve.js

The point your browser to

http://localhost:3000/myfile.xxx

and the server will try to serve that file from the local server.

Should be work with 0.18

Destructuring(or pattern matching) is a way used to extract data from a data structure(tuple, list, record) that mirros the construction. Compare to other languages, Elm support much less destructuring but let's see what it got !

Tuple

myTuple = ("A", "B", "C")
myNestedTuple = ("A", "B", "C", ("X", "Y", "Z"))

Experimental Safe JavaScript Navigation

Implemented using ES6 Proxies and Symbols

The purpose of this function is to provide a way to avoid deep nested conditionals when traversing a hierarchy of objects. Some languages use an operator such as '?.' to perform this capability. This is sometimes called safe navigation or null conditional operators.

You can somewhat think of this as how a xpath select works. If any nodes along the path are not found, your result is simply not found without throwing an exception and without needing to check each individual node to see if it exists.

Suggestions for improvements welcome!

	const React = require("react");

	const Lifecycles = React.createLifecycleEvents({
	didMount({ setState }) {
	setState({
	disabled: false,
	});
	},
	didUpdate({ inputRef }) {
	if (document.activeElement !== inputRef.value) {

	/** Async version of Array.prototype.reduce()
	* await reduce(['/foo', '/bar', '/baz'], async (acc, v) => {
	* acc[v] = await (await fetch(v)).json();
	* return acc;
	* }, {});
	*/
	export async function reduce(arr, fn, val, pure) {
	for (let i=0; i<arr.length; i++) {
	let v = await fn(val, arr[i], i, arr);
	if (pure!==false) val = v;

	320
	321
	322
	323
	324
	325
	326
	327
	328
	329

	// Vintageous: disable arrow keys in insert mode
	{"keys": ["left"], "command": "unbound", "args": {"mode": "mode_insert"},
	"context": [
	{"key": "vi_insert_mode_aware"},
	{"key": "auto_complete_visible", "operand": false},
	]},
	{"keys": ["right"], "command": "unbound", "args": {"mode": "mode_insert"},
	"context": [
	{"key": "vi_insert_mode_aware"},
	{"key": "auto_complete_visible", "operand": false},