William Gonçalves

Problem Solver | CSS, TypeScript e Rock 'n' Roll | Front-End | Full-Stack

[Adam Wathan @adamwathan]

No React? No problem.

Unstyled, accessible UI primitives like dropdowns, dialogs, tabs, and more, that work anywhere, with no framework, are coming very soon to Tailwind Plus ✨

Just a <script> tag away 🙌🏻

[William Gonçalves @iwilldotdev]

In yesterday's post, I talked about how to trigger multiple actions in a single React Router (and also Remix) route.

Another possibility is to create API routes that behave like a true controller, with a fetch and different mutations.

#ReactRouter #Remix #React

[William Gonçalves @iwilldotdev]

Português: https://t.co/bsnWCYsm4Z
English: https://t.co/9bUYyTYEsi
Repo: https://t.co/PnDxtAM7T1

[William Gonçalves @iwilldotdev]

The most common misconception for those unfamiliar with React Router as a framework (and the same goes for Remix v2): look for React Router's loader and action functions as "endpoints", when their true role goes far beyond that.

👇🏼 Link below

#Remix #ReactRouter #React

[Remix 💿 @remix_run]

Wake up, Remix!

https://t.co/0ZO76NUqGC

[William Gonçalves @iwilldotdev]

@Tyygo Pra que grid no design? kkkkkkkkk

[William Gonçalves @iwilldotdev]

Com as responsabilidades separadas ficou mais fácil definir as regras para cada gráfico, garantindo que os dados cheguem sempre no modelo que o produto espera. 🙃

[William Gonçalves @iwilldotdev]

A missão: criar uma tela de insights/gráficos na plataforma.

O trunfo: a biblioteca 'domain-functions' da @seasonedcc

Operações comuns para cada gráfico, como o fetch dos dados e a criação dos períodos iniciam um pipe que termina em uma coleção de dados customizados.

[William Gonçalves @iwilldotdev]

Os registros vêm de uma mesma fonte, então cada função dentro do método 'collect' pega o dado que é importante pra si e o transforma para o formato que o front precisa.

Na UI (React/Next.js) usamos a ApexCharts. Na mudança de parâmetros, os gráficos são atualizados "ao vivo".

[William Gonçalves @iwilldotdev]

CPF tem ponto e traço. Logo, é string. Se você salva como integer, você tem que levar uma surra de gato morto até o gato miar.

[William Gonçalves @iwilldotdev]

App Router (Next.js), React Server Components, Server Actions e as Domain Functions da @seasonedcc

Imagens de paz e felicidade. Clean demais.❤️

[William Gonçalves @iwilldotdev]

@AkitaOnRails Por aqui é igual. Uns bairros vizinhos não recebem sequer correspondência padrão (conta de luz e afins). Quando é PAC, ainda busco mais perto. Quando é SEDEX, tenho que ir em outro bairro. De Uber, o ir e vir fica entre 30 e 50 reais. E tô em casa o dia todo também. Zero motivos.

[William Gonçalves @iwilldotdev]

@wmsbill @marcobrunodev Sim. Respondi em outro tweet. Apesar de até dar pra converter schemas em tipos, nesse caso não é aplicável porque é string por string. Fui leviano no final.

[William Gonçalves @iwilldotdev]

@igorhalfeld @marcobrunodev Mas têm muitos casos em que montei o schema e usei o z.infer pra fazer o tipo em cima dele. Pra não fazer dois trabalhos e manter tudo baseado no Zod. Mas nesse caso aí, string seria string.

[William Gonçalves @iwilldotdev]

@igorhalfeld @marcobrunodev Real! Nesse caso aí, era pra pegar erro em runtime. Corrigir o usuário no preenchimento da cor.

[el hombre pulpo @coproduto]

Uma habilidade muito subestimada: Entender CSS aprofundadamente.

[William Gonçalves @iwilldotdev]

#MayThe4thBeWithYou

#programacao #programming #programador #programmer #vidadeprogramador

[William Gonçalves @iwilldotdev]

@devscansados E o pior é que vai ter um monte de empresa seguindo a tendência. Pessoal reclama de jQuery porque ainda não chegou o tempo de dar manutenção nessa salada sem tempero.

[William Gonçalves @iwilldotdev]

@glaucia_lemos86 Da Macumba em diante, só tem praia boa. Prainha, Abricó, Grumari...as melhores da capital, junto com as selvagens de Guaratiba. ❤️