thefonso

Don't use VPN services.

No, seriously, don't. You're probably reading this because you've asked what VPN service to use, and this is the answer.

Note: The content in this post does not apply to using VPN for their intended purpose; that is, as a virtual private (internal) network. It only applies to using it as a glorified proxy, which is what every third-party "VPN provider" does.

• A Russian translation of this article can be found here, contributed by Timur Demin.
• A Turkish translation can be found here, contributed by agyild.
• There's also this article about VPN services, which is honestly better written (and has more cat pictures!) than my article.

thefonso

Configuring Emacs for react, es6, and flow

For a while, JSX and new es6 syntax had flaky support in emacs, but there's been huge work on a lot of packages. Using emacs for JavaScript with React, ES6, and Flow (or Typescript, etc) is really easy and powerful in Emacs these days.

This is how you can work on modern web development projects with full support for tooling like JSX, Flow types, live eslint errors, automatic prettier.js formatting, and more.

Set up web-mode

web-mode provides most of the underlying functionality, so a huge shout-out to the maintainer(s) there.

thefonso

GraphQL Queries & Mutations

These are the GraphQL queries and mutations for the YouTube course.

Get names of all clients

{
  clients {
    name
 }

thefonso

EMACS JS DEBUGGING WITH INDIUM

1. indium requires a config file to be setup .indium.json
2. M-x indium-launch

The .indium.json file can contain as many configurations as needed, and mix any supported configuration types.

The currently supported type values are "chrome" and "node".

The root directory of the source files is by default set to the directory where this .indium.json file is placed, but it can be overridden with the root (or the webRoot alias) option:

thefonso

General

Shortcut	Description
SPC f e d	Open Configuration
SPC f e R	Reload Configuration
SPC SPC	Search Emacs
SPC h SPC	Search Spacemacs Layer
SPC f s	Save Buffer
SPC q q	Quit Emacs w/ Prompt
SPC q Q	Quit Emacs w/o Prompt

thefonso

// Run as "node reduce.js"
// the same function is repeated in different form below
// understand how each version of the function below works
//
// NOTE: .max and the spread opperator ...
// 
// https://www.w3schools.com/jsref/jsref_max.asp

const flips = [
    {id:250},

thefonso

//from http://www.saltycrane.com/blog/2015/12/switching-emacs-vim-actually-spacemacs/

Useful Spacemacs commands

SPC q q - quit
SPC w / - split window vertically
SPC w - - split window horizontally
SPC 1   - switch to window 1
SPC 2   - switch to window 2
SPC w c - delete current window

thefonso

Open shell (command+shift+s)

Type kill 1

Everyone will be kicked off

thefonso

Install a new Ruby with rbenv on Mac OS (and make yourself a superhero)

If you're doing stuff with Ruby on a Mac, e.g. installling Jekyll or something, by default you'll end up having to use the sudo command to do stuff, since the permission to modify the default config is not available to your user account.

This sucks and should be avoided. Here's how to fix that.

Installing a new Ruby

To make this better, we are going install a new, custom Ruby. This used to be a big, scary thing, but thanks to the awesome tools Homebrew and rbenv, it's a snap.*

A word of warning: you will have to use Terminal to install this stuff. If you are uncomfortable with text, words, and doing stuff with your computer beyond pointing and hoping, this may not work well for you. But if that's the case, I'm not sure why you were trying to use Ruby in the first place.

thefonso

This is a gist file saved with a markdown extension (.md)

Below are two examples of how to add an image to a gist file...click the "Raw" button to view the source