Node.js
Eu trabalho com Node. É meu ecossistema favorito.
Já publiquei vários pacotes no NPM e eu adoro isso.
Ah, eu documentar com JSDoc e resolver problemas do ESLint.
Ferramentas relacionadas
Olá, meu nome é Luiz Fernando F. G. Valle
Eu sou um desenvolvedor front-end com foco em React e TypeScriptsingle-spastyled-componentsReact QuerycontextsTailwind CSSJSDocJSDocTypeScriptsingle-spastyled-components
Eu entendo React
Eu sei como funciona a renderização, reconciliação, e como o React é implementado em fibers. Por isso, tenho facilidade em encontrar e evitar várias categorias de bugs.
Eu implemento designs à riscade forma reutilizávelde forma reutilizávelà riscade forma reutilizávelà risca
E adoro seguir e implementar design systems, com componentes ergonômicos, reutilizáveis e type-safe.
Eu sou apaixonado por type-safety
Eu escrevo TypeScript, não JavaScript com alguns tipos.
Não adicionarei nenhum any em sua codebase.
Sei estilizar de todas as formas
Tenho projetos utilizando styled-components, Tailwind CSS, Class Variance Authority, Sass e CSS Modules.
Familiar com arquitetura de microfrontends
Tenho familiaridade para trabalhar em websites baseados em microfrontends com single-spa.
Produzo históricos Git organizados
Prezo por boas mensagens de commit, separação de commits e históricos lineares.
Meu arsenal principal
TypeScript
Quando eu digo TypeScript, não digo JavaScript com tipos salpicados pra lá e pra cá. Eu realmente busco conhecer a fundo o sistema de tipos do TypeScript e produzir código type-safe e ergonômico.
Ekranoplan é um pacote NPM meu que modela comportamentos complexos com tipos.
Ferramentas relacionadas
React
Como alguém que usou HTML e JS puros por um bom tempo, React é apaixonante. Entre tantas outras possibilidades que explorei, como C, C++, Lua, Python, Java e Rust, React com TypeScript foram o estopim que fez front-end me conquistar por completo.
Ferramentas relacionadas
CSS
Curto CSS, CSS-in-JS, Tailwind CSS, Class Variance Authority, CSS modules e Sass. Sou confortável com transformações 3D e sei utilizar features experimentais como scroll-driven animations.
Quer aprender algo que eu aposto que não sabe? Veja meu post abaixo.
Ferramentas relacionadas
Git
Eu tenho 59 repositórios públicos no GitHub. Eu tento sempre separar alterações em vários commits.
“Eu nem sei o que é git flog, e já tenho que aprender git reflog?”
Veja alguns de meus projetos com React
- PhasmooUm website e PWA totalmente responsivo que filtra fantasmas para auxiliar no gameplay do jogo Phasmophobia.
- Separador de sílabasUm site feito em Next.js que divide um texto em sílabas utilizando um algoritmo que criei.
- codinStruct NextFront-end em Next.js feito para o codinStruct—projeto realizado na Rede de Ensino Doctum com o intuito de produzir conteúdos educacionais sobre programação.
E o que eu faço sem React? As mesmas coisas.
Veja projetos meus sem React
- GooElemento HTML configurável que fornece um fundo animado com efeito de gosma.
- GlobeUm site com um globo giratório formado por pontos, te permitindo usar suas próprias imagens como texturas.
- Viewport-Based ScalingSite que gera CSS para definir o valor de uma propriedade baseado na largura do viewport, realizando interpolação linear entre vários pares de pontos.
- HTilesMLJogo experimental utilizando elementos HTML e transformações CSS 3D.
- Shader SiteUm site que te ajuda a encontrar o shaderpack de Minecraft ideal para você.
Dê uma olhada em meu GitHub
Eu tenho vários projetos open source e alguns pacotes NPM
