dbrno

Um pouco sobre min

Sou desenvolvedor front-end, músico e curioso. Atualmente estou criando pequenas coisas para ajudar os produtores de conteúdo digital a realizar seus sonhos na @Hotmart

Gastar meu tempo criando coisas que podem ser úteis para outras pessoas é o que me motiva. Você pode encontrar mais sobre o que eu tenho feito aqui.

Experiência

Freelancer
may 2020 - jul 2020

Codeby
out 2020 - apr 2022

Hotmart
may 2022 - current

Dev Stack

React JS

GraphQl

Typescript

Node

Picture of the author
Picture of the author
Picture of the author

Meus Snippets

Ver todos os snippets aqui

Chrome default color picker snippet

function copy(value) {
    setTimeout(async()=>console.log(
     await window.navigator.clipboard.writeText(value)), 3000);
    console.log("Color: " + value);
}

window.colorPicker = () => new EyeDropper().open().then((color)=> copy(color.sRGBHex))
window.colorPicker();

// create color picker snippet
// press f12 and ctrl + o 
// !color-picker
// click in document and press tab before 3s

Make dynamic css classes

function cssHandles(...arguments) {
   return arguments.reduce((acc, cur) => {
     if (typeof cur === 'string') return acc + ` ${cur}`;
     if (typeof cur === 'object') {
        return Object.keys(cur).map((key) => {
            if(cur[key]) return acc + ` ${key}`
            return acc
        }).filter(Boolean).join('').trim()
         
     }  
   }, '')
}

cssHandles({ 'button--active': true, 'button--disabled': false, 'primary': true }, { 'is--open': false })
> 'button--active primary'

Show package json infos by terminal

alias pkg="cat package.json"
alias head-pkg="head package.json"
alias tail-pkg="tail package.json"
alias pkg-scripts="pkg | jq .scripts"
alias hgrep="history | grep "