Mattias Petter Johansson mpj

7 critical traits for a normal programmer

EARLY DRAFT FOR NEXT EPISODE, PLEASE PROVIDE FEEDBACK

This week I tweeted and tooted this question:

”What do you think are critical traits in a programmer? NOT to be super 10x or anything - just to feel good and function well professionally.”

Link to full threads here: [https://twitter.com/mpjme/status/855691565460848640]

Thoughts on Templating languages

I get a lot of questions about what I think about Vue.

I won't comment too much on Vue in general because I'm not familar enough with it, but I'm very familiar with templating systems, and in articles praising Vue, the fact that it uses templating system instead of JSX is almost always cited as a reason to choose Vue. This drives me up the friggin' wall, because the negative side effects of templates are not communicated or discussed. JSX exists for good reasons. To me, JSX is a great simplification and clear improvement over templates.

Template languages are often sold on looking superficially good. I recently ran across yet another one of these articles citing the wonders of Vue, and especially templates. In this article, this JSX example is included:

Snurra

Snurra is a way of writing functions that isolates side-effects, in order to get automated regression testing.

This is a Snurra Receiver:

let (createBus, call) = require('snurra')
const bus = createBus()
bus

Request pattern modeled on top of pubsub and cloud functions

Below we see a message that represents an request that is "in flight" so to speak. You can imagine that 'get-user' is a function that is responsible for fetching a user and then sending it as the response to a http-request that is pending on a rest service.

Earlier, get-user has fetched user1 and their friends from the database, but the database response does not contain the names of the friends, just their ids. Therefore, get-user has made a request to decorate-user that in turn will call get-name for each user.

	{
	"editor.minimap.enabled": true,
	"editor.codeLens": false,
	"editor.quickSuggestions": false,
	"editor.suggestOnTriggerCharacters": false,
	"editor.parameterHints": false
	}

	const assert = require('assert')

	function getAnimals(fetch, id) {
	return fetch('http://api.animalfarmgame.com/animals/' + id)
	.then(response => response.json())
	.then(data => data.results[0])
	}

	describe('getAnimals', () => {
	it('calls fetch with the correct url', () => {

	function £http(method, uri, body) {
	let opts = {
	mode: 'cors',
	method: method,
	credentials: 'include',
	headers: {
	'Content-Type': 'application/json',
	'Accept': 'application/json',
	'X-XSRF-TOKEN': getCookieValue('XSRF-TOKEN')
	}

	function Person(saying) {
	this.saying = saying
	}

	Person.prototype.talk = function() {
	console.log('I say:', this.saying)
	}

	function spawn(constructor) {
	var obj = {}

	<html>
	<head>
	<style>
	.row div {
	height: 8px;
	display: inline-block;
	width: 8px;
	}
	.row div.active {
	background-color: red;

	function mapTree(mapper, node) {
	return {
	value: mapper(node.value),
	nodes: node.nodes
	? node.nodes.map( x => mapTree(mapper, x))
	: null
	}
	}