Jamie Kyle jamiebuilds

Question:

In a generic sense (aka, not within any particular tool or framework, not the behavior of the tool or framework that you work in)...

If you had an HTML file that looked like this:

<!doctype html>
<script type="module">
 export default "jsvalue"

The Challenge

Compare two (or more) tools that are trying to solve a similar set of problems, without discussing any of the following:

Community
Programming Language
Documentation/Examples/Demos/etc
Stars/Forks/Downloads/Issues/PRs/Stack Overflow Answers/etc
Age/Maturity of tool

A Redux Story

Developer: "Doo Doo Doo... Working on the new Redux rewrite. Gotta write some fetch actions..."

FETCH_USERS -> function fetchUsersAction() {...}
FETCH_PAGES -> function fetchPagesAction() {...}
FETCH_FRIENDS -> function fetchFriendsAction() {...}
FETCH_GROUPS -> function fetchGroupsAction() {...}
FETCH_EVENTS -> function fetchEventsAction() {...}

	let INDENT = { op: "indent" }
	let OUTDENT = { op: "outdent" }
	let NEWLINE = { op: "newline" }
	let SPACE = { op: "space" }

	function* printNode(node) {
	if (node.type === "Program") {
	for (let item of node.body) {
	yield* printNode(item)
	yield NEWLINE

	class Tree {
	constructor() {
	this.children = []
	}

	add(value, parentValue) {
	let newNode = { value, children: [] }

	if (parentValue === null) {
	this.children.push(newNode)

	import React from "react"
	import { render } from "react-dom"
	import { createContextState, useContextState, Provider } from "unstated"

	‪let Count = createContextState(0)‬

	‪function useCounter() {‬
	‪ let [count, setCount] = useContextState(Count)‬
	‪ let increment = () => setCount(count + 1)
	let decrement = () => setCount(count - 1)

	getMap()
	.set(“a”, “A”)
	.set(“b”, ”B”)
	.set (“etc”, “ETC”);

	class AwesomeMap extends Map {
	get(key, createValue) {
	if (!this.has(key) && createValue) {
	let value = createValue();
	this.set(key, value);
	return value;
	} else {
	return this.get(key);
	}
	}

	asdf

	s

	asdf

	s