fael

/* eslint-disable no-return-assign */
import type {
  StorageAdapter,
  SerializedEntries,
  SerializedRequest,
} from "@urql/exchange-graphStorage";

// OR redis?
let cache = {};

fael

# operation system
brew install wget zsh xcv exa ccat lua

# xcv = copy/cut/paste tool
# exa = better ls
# ccat = better cat

touch ~/.rafaelrc
echo 'source ~/.rafaelrc' >> .zshrc

fael

#!/usr/bin/env bash
# fork from https://gist.github.com/jakemhiller/d342ad51505addf78ec628a16fd3280f

changed_files="$(git diff-tree -r --name-only --no-commit-id $1 $2)"

check_run() {
	echo "$changed_files" | grep --quiet "$1" && eval "$2"
}

check_run package.json "npm prune && npm install"

fael

My Awesome npx list

because https://github.com/suarasaur/awesome-npx is outdated

npx speed-test

npx whois www.rafael-santos.com

create QR CODE

npx qrip www.rafael-santos.com

fael

State Management Libraries made in 2018 that have more than 10 stars

• GitHub - developit/unistore: 🌶 650b state container with component actions for Preact & React
• GitHub - jamiebuilds/bey: Simple immutable state for React using Immer
• GitHub - jamiebuilds/unstated: State so simple, it goes without saying
• GitHub - aweary/react-copy-write: ✍️ Immutable state with a mutable API
• GitHub - diegohaz/constate: Scalable state manager using React context
• GitHub - hydux/hydux: A light-weight type-safe Elm-like alternative for Redux ecosystem, inspired by hyperapp and Elmish
• GitHub - vesparny/statty: A tiny and unobtrusive state management library for React and Preact apps
• [GitHub - renatorib/react-powerplug: Renderless Containe

fael

1. Install this VSCode Extension https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css

2. Create a CSS in a place like so ~/Users/you/vscode.css

3. Paste the lines of file below

4. Go to Settings to change some settings like so:

   "editor.fontLigatures": true, "editor.fontFamily": "Operator Mono", "editor.fontSize": 13, "vscode_custom_css.imports": [ "file:///Users/rafael/vscode.css"

fael

// @flow
import React, { Component } from 'react'
import { BrowserRouter, Route, Switch } from 'react-router-dom'
import asyncComponent from './asyncComponent'

const MyAwesomePage = asyncComponent(() => import('./MyAwesomePage'))

/**
 * Main Component, displays App Shell UI, setup routes which are dynamically loaded
 */

fael

// bling.js
var $ = window.$ = document.querySelector.bind(document);
var $$ = window.$$ = document.querySelectorAll.bind(document);
Node.prototype.on = window.on = function(name, fn) {
  this.addEventListener(name, fn);
}
NodeList.prototype.__proto__ = Array.prototype;
NodeList.prototype.on = NodeList.prototype.addEventListener = (function(name, fn) {
  this.forEach(function(elem) {
    elem.on(name, fn);

fael

<?php
function next_prev_portfolio($post, $current_term){  
	//echo '<pre>';
	$postlist_args = array(
	   'posts_per_page'  => -1,
	   //'orderby'         => 'menu_order title',
	   //'order'           => 'ASC',
	   'post_type'       => 'portfolio',
	   'portfolio_category' => $current_term
	); 

fael

*/15 * * * * sh /home/rafael/projects/deployment/deploy-projects