Beatriz Oliveira biantris

tips to evolve as a developer

developers get stuck, paralized

https://nav.al/finding-time

https://www.oreilly.com/library/view/apprenticeship-patterns/9780596806842/ch04.html

Make It Stick https://www.amazon.com.br/Make-Stick-Science-Successful-Learning/dp/0674729013

How to add a collapsible section in markdown

1. Example

Click me

Heading

Foo
Bar
- Baz

Qux

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

Github Two-Factor Authentication (2FA) for Brazil via SMS

The Github doesn't provide country code for Brazil (+55). To add this option, just run the code below in your console. The option Brazil +55 will be the first on the list, already selected:

🇧🇷 [pt-BR]

Autenticação em dois fatores (2FA) do GitHub para o Brasil via SMS

	import React, { useRef, useState } from 'react';

	import { Typography } from '@material-ui/core';
	import TextField from '@material-ui/core/TextField';
	import CircularProgress from '@material-ui/core/CircularProgress';
	import Autocomplete, {
	AutocompleteChangeDetails,
	AutocompleteChangeReason,
	AutocompleteProps
	} from '@material-ui/lab/Autocomplete';

	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);

	Mute these words in your settings here: https://twitter.com/settings/muted_keywords

	ActivityTweet
	generic_activity_highlights
	generic_activity_momentsbreaking
	RankedOrganicTweet
	suggest_activity
	suggest_activity_feed
	suggest_activity_highlights
	suggest_activity_tweet

	import React from 'react';
	import { render, cleanup } from '@testing-library/react';
	import { MockPayloadGenerator } from 'relay-test-utils';
	import UserListDefault from '../UserList';
	import Environment from 'path/to/Environment';

	afterEach(cleanup);

	describe('<UserList />', () => {
	it('should reject query', () => {

	title: parrotparty
	emojis:
	- name: parrot
	src: https://cultofthepartyparrot.com/parrots/hd/parrot.gif
	- name: opensourceparrot
	src: https://cultofthepartyparrot.com/parrots/hd/opensourceparrot.gif
	- name: middleparrot
	src: https://cultofthepartyparrot.com/parrots/hd/middleparrot.gif
	- name: rightparrot
	src: https://cultofthepartyparrot.com/parrots/hd/rightparrot.gif

	let start = 0;
	const limit = 10;

	items.slice(start, limit).forEach(subset =>
	await Promise.all(subset.map(async (item) => {
	// do async work with a single item
	}))
	.then(() => (start += limit)
	);