Todos os artigos

React95: fun side project of the year

Já faz um tempo que deveria ter escrito essa história mas como a ficha está caindo só agora, vou contar pra vocês como foi ter ganhado o prêmio de Fun Project of the Year, na maior conferência de React, em Amsterdã, por causa do React95.

Quem são os envolvidos

Entrei na Catho em novembro de 2017, no time de plataforma Front End. Desde o meu primeiro dia, ouvia nos corredores da empresa muitos comentários dizendo que haviam muitos “problemas” relacionados a layout no site principal da Catho e em todos os seus produtos. Dentre as mais variadas reclamações que ouvi as que mais me chamaram a atenção foram essas:

  • Não havia um padrão definido sobre como os elementos visuais deveriam ser e muito menos como deveriam se comunicar.
  • Não existia um lugar onde as pessoas poderiam procurar por esses padrões. Foi aí que nosso time teve a brilhante ideia de fazer um design system. Ótimo!

Assim que tivemos esse insight, nos deparamos que junto com uma solução, vinha um problema.

Time.png
Time de plataforma definindo o que iremos fazer
Time de plataforma definindo o que iremos fazer

No começo só sabíamos o que era um design system porque ouvimos falar por aí. Nunca implementamos um.

Assim que decidimos fazer um, começamos a estudar como desenvolver uma biblioteca de componentes em React que, pelo menos esse, já estava definido como padrão de projetos.

Como implementar um design system!? Como fazer uma biblioteca de componentes? Como automatizar build e deploy? NPM? TreeShaking!?

Essas dúvidas foram tomando conta da gente no dia-a-dia do trabalho. As discussões eram tão grandes e calorosas que não tínhamos como ir pra casa sem pensar nisso.

Foi aí que decidi fazer um projeto pessoal pra poder aprender sobre tudo o que discutíamos e quem me acompanhou nessa foi o Allysson dos Santos, que trabalha comigo na Catho.

Daí eu pensei: já que gostaria de fazer um projeto pessoal, que é uma biblioteca de componentes, preciso que ela me incentive a desenvolver em casa, já que existem várias outras formas de lazer e que devem ser aproveitadas, e por que não fazer os componentes do Windows95?

E assim nasce o React95.

React95-v1.0.0.png
Primeira versão do React95
Primeira versão do React95

Em paralelo, todo o conhecimento aprendido foi utilizado para desenvolver o Quantum, a biblioteca de componentes da Catho, que nosso time vem dedicando muitos esforços para ficar bom não somente para os desenvolvedores mas também para o time de UX/UI.

Famoso

Quanto mais desenvolvia componentes no React95, mais animado eu ficava. Perdia horas e horas vendo fotos antigas e conversando com amigos sobre como era Windows95, quais eram as telas de que mais se lembravam, etc.

Nessa de ficar conversando, o React95 foi começando a se espalhar pela comunidade e a ganhar estrelas no Github. Lembro até hoje que ficava apertando F5 na página do repositório na esperança de ver +1 ⭐️ (e aqui estou falando de 7 pra 8 estrelas).

Commit que vem, commit que vai, pull request que se abre e outros que se fecham. De repente apareceu a primeira contribuição de fora. Eu não sabia o que fazer de tão feliz que fiquei! E ainda resolvia algo que havíamos criado como issue, já que mantínhamos nosso roadmap dessa forma desde o começo do projeto.

Tudo estava muito legal. Meus amigos discutindo, vendo as alterações, contribuindo com ideias e código. Parecia mesmo um desses projetos que se vê no github, sabe?

A nomeação

Ficava monitorando o repositório, como falei ali em cima, pra ver os números de estrelas que tinha nele. Eu vi passar de 0 pra 10. De 10 pra 30 e chegar a 100. Quando o repositório atingiu essa marca de estrelas, desacreditei. Não imaginava que podia fazer “tanto sucesso”. Junto com os três dígitos, coincidentemente, recebi um email do Robert Haritonov que dizia o seguinte:

Hey Gabriel,

React ecosystem success is entirely built on top of it’s open source community and all the enthusiastic developers contributing with their code, ideas, and projects. To give an extra credit to hard working open source developers, together with React Amsterdam Conference, we continue running our annual Open Source Awards ceremony — https://osawards.com/react (think Oscars, but for OS).

With open submission form on OS Awards website and our programme committee, including active React open source contributors, we’ve came up with 5 award groups, and up to 4 selected nominees per each group, where your project “React95” is nominated for “Fun side project of the year”.

Before announcing the nominees, …

Eu tava lendo de boa e parei quando li “React95” is nominated for “Fun side project of the year”

Li várias vezes. Lia e relia. Nem dormi direito naquele dia. E sabe o que mais me impressionou nisso?

EU NÃO SEI ATÉ HOJE QUEM FOI QUE INSCREVEU O REACT95 NESSA CONFERÊNCIA!

Que poder tem a comunidade!

Tive que parar por um momento para entender o que estava acontecendo:

  • React95 foi nomeado como finalista em uma das categorias do que seria o Oscar do Open Source.

Beleza.

  • A premiação será realizada em uma conferência em Amsterdã, daqui a 1 mês. Como eu vou pra lá!? Pensei eu.

A viagem

Quando eu recebi o e-mail do Robert, fiquei muito animado. Mostrei o e-mail para minha esposa e pro pessoal do meu trabalho.

Minha esposa me motivou muito e disse que eu tinha que ir, a gente daria um jeito. Enquanto isso, no trabalho, o pessoal ficou mais animado que eu! Lembro de ter ouvido falarem em fazer uma vaquinha pra custear tudo.

Foi aí que a Catho entrou em cena:

Vocês vão. Pagaremos tudo para vocês.

WTF.gif
Animação mostrando minha reação
Animação mostrando minha reação

Eu fiquei muito surpreso porque o React95, diretamente, não tinha nada a ver com a Catho. Era um projeto pessoal. A empresa não tinha que fazer isso mas mesmo assim o fez e, inclusive, disse para a gente trabalhar de lá, já que a empresa possui o trabalho remoto como benefício. Ficamos impressionados e fomos.

O prêmio

Chegamos lá em Amsterdã e a conf estava top! Tinha todo mundo que a gente só vê no twitter, sabe? Peggy Rayzis, Kent C. Dodds e tive o prazer de conhecer o Mark Dalgleish, funcionário da Seek, “dona” da Catho e um dos resposáveis pelo Braid: o design system usado em várias empresas do grupo Seek.

Quando foi chegando mais pro meio do dia, começou a cerimônia Open Source Awards, cuja a qual o React95 estava nomeado como finalista em uma das 5 categorias.

A categoria que estávamos esperando era a “Fun side project of the year” e a terceira a ser apresentada. Estávamos apreensivos, sentados em uma das primeiras fileiras e vimos o seguinte a ser projetado no fundo:

Fun side project of the Year.png
React95 é o ganhador do prêmio “Fun side project of the Year”
React95 é o ganhador do prêmio “Fun side project of the Year”

GANHAMOS O PRÊMIO. SÉRIO. E, claro, fomos chamados lá em cima pra recebê-lo.

Esse, até hoje e com certeza, foi o ápice da minha vida profissional.

Tudo o que estava acontecendo era difícil de acreditar, não pelo troféu em si, mas o que aconteceu pra chegar até ali.

Fun Side Project of the Year.png
Muitas emoções na entrega do prêmio
Muitas emoções na entrega do prêmio

O React95 não ganhou o prêmio porquê ele é um bom projeto ou um projeto engraçado. Ele ganhou por causa da comunidade.

E é isso que me motiva a continuar fazendo o que eu faço. Amo ser desenvolvedor e pretendo continuar por muito tempo ainda.

Espero que minha experiência sirva de motivação para todo mundo!