Skip to content

Instantly share code, notes, and snippets.

View geoffreydhuyvetters's full-sized avatar

Geoffrey Dhuyvetters geoffreydhuyvetters

View GitHub Profile
@geoffreydhuyvetters
geoffreydhuyvetters / react_fiber.md
Last active January 13, 2023 06:49
What is React Fiber? And how can I try it out today?
const fetchMachine = Machine({
id: 'fetch',
initial: 'idle',
context: {
},
states: {
idle: {
on: {
CHANGE_THEME: 'required_information_filled_in',
CHANGE_TIME_TABLE: 'required_information_filled_in',
@geoffreydhuyvetters
geoffreydhuyvetters / .prettierrc
Last active March 11, 2021 07:57
.prettierrc
{
"singleQuote": true,
"trailingComma": "all"
}
@geoffreydhuyvetters
geoffreydhuyvetters / wrapWithArray.js
Last active January 13, 2021 09:13
Wrap any value with an array
// not wrapped
const foo = 'foo';
// already wrapped
const bar = ['bar'];
console.log([foo].flat())
// [ 'foo' ]
@geoffreydhuyvetters
geoffreydhuyvetters / .editorconfig
Created September 25, 2014 21:38
.editorconfig
root = true
[*]
indent_style = tab
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
@geoffreydhuyvetters
geoffreydhuyvetters / focus.sh
Last active May 11, 2020 13:37
Focus scripts
#!/bin/bash
# https://api.slack.com/legacy/custom-integrations/legacy-tokens
slack_legacy_token=<insert-your-token-here>
function set_slack_status {
curl -s -S -X POST \
-d "token=$1" \
--data-urlencode "profile={\"status_text\": \"Focus time!\", \"status_emoji\": \"🍅\"}" \
https://slack.com/api/users.profile.set
@geoffreydhuyvetters
geoffreydhuyvetters / refactoring.md
Last active March 19, 2020 17:01
refactoring rendering

BEFORE

const Component = () = {

  // a
  // lot
  // of 
 // logic
@geoffreydhuyvetters
geoffreydhuyvetters / index.js
Last active November 21, 2018 12:57
FizzBuzz
#!/usr/bin/env node
for(i=0;i<100;)console.log((++i%3?'':'Fizz')+(i%5?'':'Buzz')||i)
import { css } from 'styled-components';
export default {
tablet: (...args) => css`
@media (max-width: 1279px) {
${css(...args)};
}
`,
phone: (...args) => css`
@geoffreydhuyvetters
geoffreydhuyvetters / prevent_scroll.js
Last active December 19, 2016 12:50
prevent scrolling on iOS
document.addEventListener(`touchmove`, e => {
e.preventDefault();
});