Josh Buchea joshbuchea

Semantic Branch Names

See how a minor change to your branch name style can make you a better programmer.

Format: <type>/#<issueNumber>-<alias>

Example

Remote Jobs general guideline

This is something I compiled during the last weeks while job hunting. If you miss something in this list, please fork or tell me on twitter and I'll add what's missing.

Be careful with jobs that are not clear they hire outside US
Look for job in niches (like SaaS job boards, language-specific communities, country-focused, and so on)
Avoid Upwork (pay to work, no guaranteed results, often bad contracts) and Remote.com
Remote.co is not Remote.com, remote.co is ok.
There are companies that hire and act as a guild, but only pay as freelancer (X-team, Gun.io, and so on)
Not really focused on freelancing, as it is to me more like a one-person business

Group array of JavaScript objects by keys

This fork of JamieMason's implementation changes the key parameter to be an array of keys instead of just a single key. This makes it possible to group by multiple properties instead of just one.

Implementation

const groupBy = keys => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = keys.map(key => obj[key]).join('-');

First, let's note the difference in philosophy: TypeScript aims for fast analysis because you can to compile it down to JS before you can run/test it. flowtype is meant to be an async analysis that can run continuously with changes since the last analysis, or in parallel with your eslint and bundler rules. As such, flowtype's type system and analysis is not quite as concerned with speed or memory usage in service of potentially finding more bugs.

On two occasions I have tried to roll out flow in React Native applications, and on those two occasions we ended up backing out after a few weeks. Some detail: flow doesn't have a public roadmap, and what version you use is dictated by the react/react-native dependency and the annotations in react-native itself. flowtype also has some hard-coded aspects to help the analysis for React, so major updates to React itself sometimes also require updating flowtype to match. React Native upgrades then get gated based on your dependent libraries (or flow-typed) being updated

How to use `<details>` `<summary>` expandable content on GitHub with Markdown

Firstly, what is <details> <summary>?

The HTML Details Element (<details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label can be provided using the <summary> element. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details.

Example

Group Array of JavaScript Objects by Key or Property Value

Implementation

const groupBy = key => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = obj[key];
    objectsByKeyValue[value] = (objectsByKeyValue[value] || []).concat(obj);
    return objectsByKeyValue;

	javascript:(function() {
	var companyElement = document.querySelector('.job-details-jobs-unified-top-card__company-name');
	if (companyElement) {
	var companyName = companyElement.textContent.trim();
	var encodedCompanyName = encodeURIComponent(companyName);
	var airtableURL = 'https://airtable.com/app1PaujS9zxVGUZ4/shrqYt5kSqMzHV9R5/tbl8c8kanuNB6bPYr?filterContains_Company=' + encodedCompanyName;
	window.open(airtableURL, '_blank');
	} else {
	alert('Company name not found!');
	}

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>HTML5 Starter</title>
	<meta name="color-scheme" content="dark light">
	<link rel="icon"
	href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐣</text></svg>">
	<!-- <link rel="stylesheet" href="styles.css"> -->
	<!-- <style></style> -->

	function slugify(string) {
	const a = 'àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìıİłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;'
	const b = 'aaaaaaaaaacccddeeeeeeeegghiiiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------'
	const p = new RegExp(a.split('').join('\|'), 'g')

	return string.toString().toLowerCase()
	.replace(/\s+/g, '-') // Replace spaces with -
	.replace(p, c => b.charAt(a.indexOf(c))) // Replace special characters
	.replace(/&/g, '-and-') // Replace & with 'and'
	.replace(/[^\w\-]+/g, '') // Remove all non-word characters

Josh Buchea joshbuchea

Semantic Branch Names

Example

Remote Jobs general guideline

Group array of JavaScript objects by keys

Implementation

How to use <details> <summary> expandable content on GitHub with Markdown

Example

Group Array of JavaScript Objects by Key or Property Value

Implementation

How to use `<details>` `<summary>` expandable content on GitHub with Markdown