Danilo Woznica danilowoz

Design engineer at @resend, prev @codesandbox. 🇧🇷

danilowoz / createNode.js

Created February 24, 2017 12:33

Convert String to Dom element

	function createNode( html ) {
	return new DOMParser().parseFromString( html, "text/html" ).body.firstChild
	}

	var foo = createNode("<p>Texto<span>Olá</span></p>");

danilowoz / Roter.html

Created March 3, 2017 21:01

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Building a router</title>
	<script>
	var Router = {
	routes: [],
	mode: null,
	root: '/',

danilowoz / JavaScript (Babel).sublime-syntax

Created October 11, 2017 19:14

	%YAML 1.2
	---
	# http://www.sublimetext.com/docs/3/syntax.html
	name: JavaScript (Babel)
	file_extensions: [js, jsx, babel, es6]
	first_line_match: ^#!\s/.\b(node\|js)$\n?
	scope: source.js

	variables:
	ident: '[_$a-zA-Z][$\w]*'

danilowoz / Import stories

Created October 11, 2017 19:14

	import { configure } from '@storybook/react'
	import './style.css'

	const req = require.context('../src/', true, /stories\.js$/)
	function loadStories() {
	req.keys().forEach(req)
	}
	configure(loadStories, module)

danilowoz / Delete merged branches from local.txt

Created December 18, 2017 12:03

Delete merged branches from local

git branch --merged | grep -v -e "master" -e "\*" | xargs -n 1 git branch -d

danilowoz / touchable.css

Created December 21, 2017 12:40

	@media (pointer: coarse) and (hover: none) { }

	/* https://css-tricks.com/touch-devices-not-judged-size/ */

danilowoz / git alias

Last active December 13, 2018 12:18

Alias gist

	# .gitconfig
	[user]
	email = [email protected]
	[alias]
	st = status
	ci = commit
	br = branch
	co = checkout
	up = "!git remote update -p; git merge --ff-only @{u}"
	emenda = commit --amend --no-edit

danilowoz / emojis.md

Created February 13, 2018 22:58

👍 👎 💯 🔢 🥇 🥈 🥉 🎱 🅰️ 🆎

danilowoz / scroll-decorator.jsx

Last active February 20, 2019 18:19

	import React, { Component } from "react"
	import VisibilitySensor from "react-visibility-sensor"

	const optsVisibily = {
	minTopValue: 400,
	partialVisibility: true,
	scrollDelay: 100
	}

	const WithScroll = WrapComponent =>

danilowoz / React.context.class.App.js

Last active January 14, 2020 13:49

Gist: React.Context<Class | Hooks>

 import React from "react";
 import Provider, { Consumer } from "./Context";
 const App = () => (
   <Provider>
     <Consumer>
       {({ count }) => {
         return (
           <div>