Shadcn ainda no Radix? Decisão sem pânico
Shadcn e Radix: menos updates e a decisão de continuar ou migrar
Resposta direta
Shadcn e Radix: menos updates e a decisão de continuar ou migrar. Então, quando o teu software precisa ir para o mercado, atender clientes grandes, esses clientes pedem que você tenha compliance, que você siga regras estabelecidas em segurança, autenticação, e o WorkOS basicamente faz isso para você, pelo que eu entendi. Após isso, o AriaKit, que é um projeto criado por um brasileiro, meu xará, o.
O post que gerou dúvida
Quando o episódio chega em «O post que gerou dúvida», o gancho útil para shadcn radix menos atualizações é transformar o trecho em decisão — não em resumo genérico.
O próprio ShadSan ali, né, eu não sei nem o nome desse rapaz, acredito que não seja esse o nome dele, mas ele fez uma postagem no Twitter, é claro que ele não postou em português, eu traduzi aqui pra ser mais fácil você ler junto comigo aqui. Radix, se você não sabe, basicamente, deixa eu entrar aqui, Radix foi uma biblioteca que ficou muito famosa desde meados, acho que 2020, 2021, quando começou a surgir a ideia do Radix, era trazer uma série de componentes primitivos, que são componentes sem estilização, que resolviam problemas comuns que a gente tem na web, por exemplo, criar drop-down menu ou estilizar elementos que não são fáceis de serem estilizados com CSS puro no HTML, por exemplo. Essa ferramenta que era tipo um framer E aqui eu tomei uma flashbang na cara Mas que permitia criar sites, arrastar Componente e construir os nossos sites Como era um Dreamweaver, um Delphi da vida Não, tô brincando, mas Na época o Radix ele era muito popular Inclusive ele era mantido por pessoas incríveis Da comunidade, o próprio Pedro Duarte Que tem vídeo inclusive dele no canal aqui da Rocketseat, há um tempo atrás que a gente fez aí uma entrevista Falando sobre o Radix também Não sobre o Radix, eles tinham criado na época o Stitches Também, não sei se você chegou a utilizar essa ferramenta Mas o que aconteceu com o Radix depois disso? Então, quando o teu software precisa ir para o mercado, atender clientes grandes, esses clientes pedem que você tenha compliance, que você siga regras estabelecidas em segurança, autenticação, e o WorkOS basicamente faz isso para você, pelo que eu entendi.
Só que o WorkOS assumiu também os pacotes, o Radix e tudo mais, E as pessoas, principalmente, eu acredito que um grande motivo da WorkOS ter comprado o pessoal da Modules, foi principalmente pelos talentos que a Modules tinha. Era um pessoal muito bom em design, um pessoal muito bom em engenharia mesmo, só que com o tempo essa galera foi saindo da WorkOS e com isso o projeto do Redix foi aos poucos sendo abandonado. Após isso, o AriaKit, que é um projeto criado por um brasileiro, meu xará, o Diego Rast, inclusive tem podcast com ele, que fala sobre o AriaKit também, aqui no canal da RocketSeat, o AriaKit, que antes era o React Aria, não lembro exatamente como é que era o nome, mas ele tinha um outro nome, é uma alternativa excelente pro Radix, inclusive, eu acredito que se tivesse vindo antes do Radix, ele provavelmente teria se popularizado mais do que o próprio Radix, porque eu acho que nesse mercado ainda tem muito essa coisa de quem vem antes e acaba tomando a frente do mercado e aí acaba dominando o mercado, né? Então, se a gente acessar aqui, o BaseUI também é uma alternativa bem interessante, que eu acho que é a alternativa que vem sendo criada e mantida mais recente.
Só que ele ainda está em beta, mas ele também tem todos os componentes e ainda alguns componentes a mais que o próprio Radix não tem. Twitter, né, a gente tem aqui um tweet do Shad Sane que ele fez dia 20 de junho, né, então agora estamos o que? Dia 3 de julho, faz mais ou menos aí 13 dias que ele fez esse tweet, e aí olha só o que ele postou aqui, né, algumas reflexões sobre Radix, bibliotecas de componentes e o Shad Sane UI. A gente tá naquele ponto no ciclo de desenvolvimento web em que estamos falando sobre bibliotecas de componentes novamente, ou seja, um tempo atrás a gente não falava mais sobre isso.
Feche «O post que gerou dúvida» com um experimento de 30–90 minutos ligado a shadcn radix menos atualizações: artefato + critério binário — sem inventar número fora da fonte.
Na prática
Information gain: use só o que a fonte afirma sobre shadcn radix menos atualizações; scaffolding editorial não inventa número.
Radix com menos updates
«Radix com menos updates» é onde shadcn radix menos atualizações deixa de ser vibe e vira critério. O material empurra execução observável, não plateia.
E aí tudo bem, ele mandou Com o Radix recebendo menos atualizações, e já vamos falar sobre isso, vale a pena ter essa conversa. Seja qual for o bug que você esteja vendo com o Radix no seu aplicativo, provavelmente você não está, você provavelmente encontrará mais, incluindo novos, com alguma outra coisa. Sim, Radix está recebendo menos atualizações, mas Radix ainda é uma biblioteca madura e bem projetada, testada em batalha e usada em milhões de aplicativos em produção. Tem muitas vezes que tu vai usar uma biblioteca e aí tu pensa, cara, e se essa biblioteca parar de ser mantida?
E eu tenho certeza que já passou na sua cabeça que, cara, se a biblioteca tá funcionando pra mim, tá resolvendo o meu problema, e eu tô usando ela pra algo muito específico, se ela parar de receber atualizações, isso não vai quebrar o meu código. Como, por exemplo, sei lá, um Next.js tá muito atrelado ao React, né? E o que o Radix faz, e ele ainda faz extremamente bem, e aqui está o que eu sugeriria, já está usando o Radix em produção, continue com ele. Começando um novo projeto, considere Radix, React Aria, que é da Adobe, se não me engano, ou Aria Kit.
Se eu não me engano, não são todos integrantes, mas tem um ou dois integrantes ali da época da Modules, que construíram o Radix, que estão construindo agora o BaseUI. Então, se você tiver um drop-down que não está funcionando muito bem ali com o Radix, cara, não tem problema tu instalar um base UI, por exemplo, e usar apenas o drop-down. Hoje, qualquer lib boa do front-end já possui tree-shaking, ou seja, se você usar somente o componente de drop-down, Você vai importar o equivalente a Kbyte somente desse componente. Se você não quer instalar libs nos seus projetos, vai usar um Angular, vai usar um Flutter, vai usar um Golang, que são linguagens que são feitas, que são tecnologias que geralmente têm essa ideia de built-in, um Rails da vida e por aí vai.
Depois de «Radix com menos updates», anote uma métrica (tempo, taxa, retries ou conversão) para shadcn radix menos atualizações e rode um ciclo curto antes de escalar.
Na prática
Shadcn e Radix: menos updates e a decisão de continuar ou migrar.
Usar e ser feliz
Sob o ângulo de «Usar e ser feliz», o que importa em shadcn radix menos atualizações é o próximo passo testável. Se não muda prioridade em 48h, ainda é ruído.
Sua biblioteca de componentes deve ser estável Não é aqui que você quer correr riscos em sua pilha de tecnologia, na sua stack. É um código que você escreveria sozinho e estruturado de uma forma mais fácil de trabalhar, amado por LLMs. Eu acho que o JavaScript, e não só o JavaScript, eu acho que Python também, PHP também, são as ferramentas que mais vão se popularizar novamente. E você pode ver que, e não sei se isso é bom ou se é ruim, mas essas aplicações que o pessoal está criando estilo vibe coding, que a pessoa que muitas vezes nem sabe programar muito bem, e ela vai lá num lovable, num bolts da vida, e constrói a aplicação, cara, eu acho que 95% a 100% dessas aplicações estão sendo construídas com JavaScript, porque é o que tem mais recurso no mercado, né?
E aí ele bota padrões cuidadosamente escolhidos que lidam com coisas menores, como estado de foco, etc. Apenas o suficiente pra ser um ótimo ponto de partida, e apenas o suficiente pra sair do caminho quando você estiver pronto pra construir seu próprio sistema de design. Até por isso que já tem, por exemplo, projetos como, por exemplo, se a gente for entrar aqui, que eu citei nos vídeos, o Origin UI, que é um projeto que ele usa o próprio formato do ShadCN, tanto para a construção dos componentes e distribuição dos componentes, a própria CLI do ShadCN, para você ter componentes que não tem no ShadCN ou que tem, só que uma estilização diferente. Então, se eu vier aqui em banner, por exemplo, aqueles bannerzinhos de promoção, e aí você vem aqui em cima, Vem em View Code e tu pode usar a CLI do ChatCN pra fazer a instalação desse componente.
Tu não precisa ter um design inovador, tu tá criando um SaaS, tá criando um sistema, um painel de administração, alguma coisa que precisa ser rápido, né? E aí aqui a gente poderia ir lendo os comentários, mas tem uma coisa legal que aconteceu essa semana, que é importante a gente destacar, né? Junho de 2024, falando que o Radix tinha suporte agora pro React 19. Então, quer dizer que o pessoal da WorkOS começou a se doer com estão tomando o espaço do Radix, criando outras alternativas e eu não quero perder o espaço do Radix, porque o Radix é uma estratégia boa de open source para a própria WorkOS?
Se «Usar e ser feliz» não caber na agenda, corte escopo de shadcn radix menos atualizações. Aprendizado curto publicado vence hype longo consumido.
Quando migrar de fato
A seção «Quando migrar de fato» amarra shadcn radix menos atualizações a trade-offs reais: o que cortar, o que medir e o que ignorar na primeira semana.
O carinha lá, o ShadSan, não recomenda mais a utilização do Redix, será? E nessa postagem ele basicamente faz um disclaimer, assim, relacionado ao Redix. Não sei se você já tentou estilizar um select, um checkbox, um radio. Ele fica totalmente diferente em cada navegador.
Cada navegador tem a sua própria estilização. Então, ele trouxe essa ideia de trazer esses componentes com React. Mas o mais importante é não perder a parte acessível do componente. Só que o Radix foi criado lá um tempão atrás pela Modules.
Se não me engano, era isso aqui? E que eles estavam, inclusive, na época, desenvolvendo. A Modules foi comprada pela WorkOS. WorkOS, que é basicamente uma empresa que, até dando um jabá para eles, eles tornam o seu software enterprise ready.
Feche «Quando migrar de fato» com um experimento de 30–90 minutos ligado a shadcn radix menos atualizações: artefato + critério binário — sem inventar número fora da fonte.
Sinais de que está funcionando
Em «Sinais de que está funcionando», use shadcn radix menos atualizações como hipótese de trabalho. Escreva a regra em uma frase que outro builder execute sem o vídeo.
E sim, infelizmente, foi sim abandonado. Por isso, começou a surgir algumas outras alternativas no mercado, e eu não digo que começou a surgir necessariamente a. Mas o AriaKit é uma solução incrível. E ainda depois desses problemas do Radix, veio o BaseUI, né?
E aí, um tempo atrás, o que aconteceu aqui? Se a gente for ver aqui no próprio. Cara, só usa Radix e pronto, seja feliz. Deixe-me começar com isso, e vou colocar em negrito.
A pior coisa que você pode fazer agora pelo seu aplicativo de produção é trocar a biblioteca de componente. Isso aqui é a primeira coisa. Cara, não mexe em projeto que já está funcionando. Isso aqui é a primeira coisa.
Depois de «Sinais de que está funcionando», anote uma métrica (tempo, taxa, retries ou conversão) para shadcn radix menos atualizações e rode um ciclo curto antes de escalar.
O que evitar na primeira semana
O bloco «O que evitar na primeira semana» sobre shadcn radix menos atualizações ganha densidade quando você separa claim da fonte de opinião ornamental — preserve só o acionável.
A não ser que esteja dando um bug sinistro. No máximo, atualiza para a última versão em que ele se mantém funcional. E ele fala, não faça isso. Não é para onde o seu tempo ou recursos devem ir.
Sem sombra, para ninguém é assim que o código funciona. O código não para de funcionar só porque os mantedores mudam. Pessoal, isso aqui é uma das coisas que eu tenho certeza que já passou na sua cabeça. Em algum momento essa biblioteca parar de receber novas atualizações?
A não ser que ela esteja acoplada a uma atualização de uma outra ferramenta. Agora, o Radix não tem esse problema, né? E aí ele fala, essa é a força do código aberto. Usando o Radix e pensando no que vem a seguir, fique de olho no Base UI.
Se «O que evitar na primeira semana» não caber na agenda, corte escopo de shadcn radix menos atualizações. Aprendizado curto publicado vence hype longo consumido.
Na prática
Próximo passo: escolha uma métrica observável e rode um experimento de 7 dias antes de escalar o padrão.
Perguntas frequentes
Qual mecanismo de «Radix com menos updates» cabe no fluxo que você já toca?
Extraia só o mecanismo de «Radix com menos updates»: «Radix com menos updates» é onde shadcn radix menos atualizações deixa de ser vibe e vira critério. O material empurra execução observável, não plateia.
Como extrair «Usar e ser feliz» sem copiar o artigo inteiro?
Operação curta: Sob o ângulo de «Usar e ser feliz», o que importa em shadcn radix menos atualizações é o próximo passo testável. Se não muda prioridade em 48h, ainda é ruído. Revise com evidência, não com feeling.
O que «Quando migrar de fato» muda no próximo ciclo de trabalho?
Do texto: A seção «Quando migrar de fato» amarra shadcn radix menos atualizações a trade-offs reais: o que cortar, o que medir e o que ignorar na primeira semana.
Quando «Sinais de que está funcionando» deixa de valer o esforço desta sprint — recorte `shadcn-radix-menos-updates-decisao`?
Em «Sinais de que está funcionando», use shadcn radix menos atualizações como hipótese de trabalho. Escreva a regra em uma frase que outro builder execute sem o vídeo. Em «Sinais de que está funcionando», trate como experimento com dono e prazo — não como lista de intenções.