Stefan Age saaage

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

Contract Killer

The popular open-source contract for web professionals by Stuff & Nonsense

Originally published: 23rd December 2008
Revised date: March 15th 2016
Revised by Bytes Unlimited : Feb 3rd 2020

File and folder naming convention for React.js components

Directory Layout #1

/actions/...
/components/common/Link.js
/components/common/...
/components/forms/TextBox.js
/components/forms/TextBox.res/style.css

PSQL

Magic words:

psql -U postgres

Some interesting flags (to see all, use -h or --help depending on your psql version):

-E: will describe the underlaying queries of the \ commands (cool for learning!)
-l: psql will list all databases and then exit (useful if the user you connect with doesn't has a default database, like at AWS RDS)

OAUTH2

The Problem

I’m a web app that wants to allow other web apps access to my users’ information, but I want to ensure that the user says it’s ok.

The Solution

I can’t trust the other web apps, so I must interact with my users directly. I’ll let them know that the other app is trying to get their info, and ask whether they want to grant that permission. Oauth defines a way to initiate that permission verification from the other app’s site so that the user experience is smooth. If the user grants permission, I issue an AuthToken to the other app which it can use to make requests for that user's info.

Note on encryption

Oauth2 has nothing to do with encryption -- it relies upon SSL to keep things (like the client app’s shared_secret) secure.

	import * as React from "react";

	type ThemeConfig = "system" \| "light" \| "dark";
	type ThemeName = "light" \| "dark";
	// Custom themes are keyed by a unique id.
	type KeyedThemes = {
	[k: string]: {
	config: ThemeConfig;
	themeName: ThemeName;
	};

	(ns apollo-example.core
	(:require [hx.react :as hx :refer [defnc]]
	["react-dom" :as rdom]
	["react-apollo" :as apollo]
	["apollo-boost" :default ApolloClient :refer [gql]]
	[applied-science.js-interop :as j]))

	(def client (ApolloClient. #js {:uri "https://48p1r2roz4.sse.codesandbox.io"}))

	(def exchange-query (gql "{

	# ---------------------------------------------------------------------------
	#
	# Description: This file holds all my BASH configurations and aliases
	#
	# Sections:
	# 1. Environment Configuration
	# 2. Make Terminal Better (remapping defaults and adding functionality)
	# 3. File and Folder Management
	# 4. Searching
	# 5. Process Management