Lucas Bento lucasbento

[12:03 AM] acemarke: "controlled" and "uncontrolled" inputs
[12:04 AM] acemarke: if I have a plain, normal HTML page, and I put <input id="myTextbox" type="text" /> in my page(edited)
[12:04 AM] acemarke: and I start typing into that textbox
[12:04 AM] acemarke: it remembers what I've typed. The browser stores the current value for that input
[12:05 AM] acemarke: and then sometime later, I can get the actual element, say, const input = document.getElementById("myTextbox"), and I can ask it for its value: const currentText = input.value;
[12:05 AM] acemarke: good so far?
[12:08 AM] acemarke: I'll keep going, and let me know if you have questions
[12:08 AM] lozio: ok, actually I'm reading
[12:09 AM] lozio: good
[12:09 AM] acemarke: so, a normal HTML input field effectively stores its own value at all times, and you can get the element and ask for its value

Minimum Viable Async with Node 6

With the release of Node 6.0.0, the surface of code that needs transpilation to use ES6 features has been reduced very dramatically.

This is what my current workflow looks like to set up a minimalistic and fast microservice using micro and async + await.

The promise

Enable tab completion for JSX with Emmet in Atom

This guide assumes you have the emmet and language-babel packages already installed in Atom

Open the keymap.cson file by clicking on Atom -> Keymap… in the menu bar
Add these lines of code to your keymap:

'atom-text-editor[data-grammar~="jsx"]:not([mini])':

Docker - How to cleanup (unused) resources

Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...

delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

	'use strict';

	var React = require('react-native');
	var {
	AppRegistry,
	StyleSheet,
	Text,
	View,
	Easing,
	Animated,

	RN < 0.50 - watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && npm cache clean && npm install && npm start -- --reset-cache
	RN >= 0.50 - watchman watch-del-all && rm -rf $TMPDIR/react-native-packager-cache-* && rm -rf $TMPDIR/metro-bundler-cache-* && rm -rf node_modules/ && npm cache clean && npm install && npm start -- --reset-cache
	RN >= 0.63 - watchman watch-del-all && rm -rf node_modules && npm install && rm -rf /tmp/metro-* && npm run start --reset-cache

	npm >= 5 - watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && npm cache verify && npm install && npm start -- --reset-cache

	Windows - del %appdata%\Temp\react-native-* & cd android & gradlew clean & cd .. & del node_modules/ & npm cache clean --force & npm install & npm start -- --reset-cache

	/global __DEV__/

	import StackTrace from 'stacktrace-js';
	const Fabric = require('react-native-fabric');
	const { Crashlytics } = Fabric;

	//call this to start capturing any no-handled errors
	exports.init = function(captrueOnDebugMode){
	if (__DEV__ && !captrueOnDebugMode) {
	return;

	import React, { Component } from 'react';
	import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
	import Faker from 'faker';
	import _ from 'lodash';

	export default class PracticeAnimations extends Component {

	constructor(props) {
	super(props);
	this.state = { quotes: [] };

	import React, { View, Text, Linking } from 'react-native';
	import urlParse from 'url-parse';

	class App extends Component {
	componentDidMount() {
	// Handling Deep Linking
	const deepLinkUrl = Linking.getInitialURL().then((url) => {
	console.log(`Deep Link URL: ${url}`);
	if (url) {
	const parsedUrl = urlParse(url, true);

	{
	"presets": [ "es2015" ]
	}