Skip to content

Instantly share code, notes, and snippets.

View albertorestifo's full-sized avatar

Alberto Restifo albertorestifo

View GitHub Profile
import React from 'react';
import ReactDOM from 'react-dom';
+import './inlined.css';
- <h1 style={style.title}>
+ <h1 style={style.title} className="title-heading">
{children}
</h1>
import React from 'react';
function Cell({ children }) {
return <td>{children}</td>;
}
function Row({ children }) {
return (
<tr>
{React.Children.map(children, (el) => {
import React from 'react';
const style = {
title: {
fontSize: '24px',
fontWeight: 'bold',
marginTop: '5px',
marginBottom: '10px',
},
@albertorestifo
albertorestifo / propdiff.js
Created April 12, 2017 15:55
Logs the diff between current and previous props on a react element
componentDidUpdate(prevProps) {
console.log('Rrow update diff:');
const now = Object.entries(this.props);
const added = now.filter(([key, val]) => {
if (prevProps[key] === undefined) return true;
if (prevProps[key] !== val) {
console.log(`${key}
- ${JSON.stringify(val)}
@albertorestifo
albertorestifo / structure.txt
Last active March 18, 2017 06:52
React Email app
@sentis/emails
├── index.js
└── src/
├── App.js
├── elements/
@albertorestifo
albertorestifo / flatten.js
Created May 1, 2016 07:02
Multi-level flatten function
var flatten = arr => arr.reduce((p, c) => p.concat(Array.isArray(c) ? flatten(c) : c), []);
/**
* Credit goes to Benjamin Gruenbaum, from his comment on this article: http://www.2ality.com/2016/04/promise-trees.html
*/
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
@albertorestifo
albertorestifo / populateMap.js
Last active August 2, 2023 10:27
Transform a nested object insto a nested Map object
/**
* Populate a map with the values of an object with nested maps
*
* @param {Map} map - Map to populate
* @param {object} object - Object to use for the population
* @param {array} keys - Array of keys of the object
*
* @return {Map} Populated map
*/
function populateMap (map, object, keys) {
@albertorestifo
albertorestifo / .zshrc
Last active March 6, 2021 00:24
New Mac setup and bootstrapping
# Path to the Oh-my-zsh install
export ZSH=$HOME/.oh-my-zsh
# Add all the required portions to the PATH
export PATH="/usr/local/opt/ruby/bin:$HOME/bin:$PATH";
# Source NVM
source ~/.nvm/nvm.sh
# ZSH Configurations