Skip to content

Instantly share code, notes, and snippets.

View iaurg's full-sized avatar
☣️
Extreme Programming and Challenges

Italo A. iaurg

☣️
Extreme Programming and Challenges
View GitHub Profile
@dideler
dideler / 0-startup-overview.md
Last active May 3, 2024 11:03
Startup Engineering notes
@markerikson
markerikson / cheng-lou-spectrum-of-abstraction.md
Last active June 8, 2024 21:57
Cheng Lou - "On the Spectrum of Abstraction" summarized transcript (React Europe 2016)

Cheng Lou - On the Spectrum of Abstraction

Cheng Lou, a former member of the React team, gave an incredible talk at React Europe 2016 entitled "On the Spectrum of Abstraction". That talk is available for viewing here: https://www.youtube.com/watch?v=mVVNJKv9esE

It's only a half-hour, but it is mind-blowing. It's worth re-watching two or three times, to let the ideas sink in.

I just rewatched the talk for some research, and wrote down a summary that's semi-transcript-ish. I didn't see any other transcripts for this talk, other than the auto-generated closed captions, so I wanted to share for reference.

Summary

@iaurg
iaurg / media_queries_model_bootstrap.css
Last active February 3, 2017 02:08
Only media queries per model bootstrap, show and hide everything hehehe :D
/* Only media queries model bootstrap, show and hide everything hehehe :D */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
@iaurg
iaurg / lista_estados_brasil.html
Created February 3, 2017 02:06
Lista estados brasileiros para copiar: extenso, siglas, option siglas, option extenso, li siglas, li extenso
--------------------------- SIGLAS ---------------------------
AC
AL
AP
AM
BA
CE
DF
ES
@sibelius
sibelius / timeoutFetch.js
Created October 4, 2018 13:11
how to handle api timeout using fetch
function TimeoutError(error) {
this.name = 'TimeoutError';
this.error = error;
}
TimeoutError.prototype = Object.create(Error.prototype);
export const isTimeoutError = (err: Error) => {
return err instanceof TimeoutError;
};
@swyxio
swyxio / 1.md
Last active February 8, 2024 22:30
Learn In Public - 7 opinions for your tech career

2019 update: this essay has been updated on my personal site, together with a followup on how to get started

2020 update: I'm now writing a book with updated versions of all these essays and 35 other chapters!!!!

1. Learn in public

If there's a golden rule, it's this one, so I put it first. All the other rules are more or less elaborations of this rule #1.

You already know that you will never be done learning. But most people "learn in private", and lurk. They consume content without creating any themselves. Again, that's fine, but we're here to talk about being in the top quintile. What you do here is to have a habit of creating learning exhaust. Write blogs and tutorials and cheatsheets. Speak at meetups and conferences. Ask and answer things on Stackoverflow or Reddit. (Avoid the walled gardens like Slack and Discourse, they're not public). Make Youtube videos

@iaurg
iaurg / .editorconfig
Last active September 25, 2019 23:41
Commands for initial react app with eslint, editorconfig, transpiler, prettier...
root = true
[*]
end_of_line = lf
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
@akitaonrails
akitaonrails / links.md
Created November 6, 2019 01:28
Links de referência pro Episódio 66 do Canal Akitando
@sibelius
sibelius / webpack.config.js
Created February 5, 2020 15:33
current webpack config
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const dotEnv = require('dotenv-webpack');
const HappyPack = require('happypack');
const Serve = require('webpack-plugin-serve');
const workboxPlugin = require('workbox-webpack-plugin');
const PORT = process.env.PORT;
@sibelius
sibelius / FeatureFlag.tsx
Created May 6, 2020 12:33
Basic Feature Flag implementation using React.Context
import React, { useContext, useCallback } from 'react';
export const FeatureFlagContext = React.createContext<string[]>([]);
export const useFeatureFlag = () => {
const features = useContext<string[]>(FeatureFlagContext);
const hasFeature = useCallback(
(feature: string) => {
return features.includes(feature);