Executando verificação de segurança...
7

A verdade é que o Shadcn me fez repensar tudo sobre Angular

Grande parte da minha carreira como desenvolvedor foi focada em Angular. Há pouco tempo, porém, mergulhei de cabeça em React, mais especificamente em Next.js. E, sinceramente, sinto que é muito mais simples criar coisas, projetos e POCs com React. Ainda mais com o Shadcn, que praticamente entrega de mão beijada tudo o que precisamos para construir uma UI bonita e funcional.

A grande adoção do React por players de IA como ChatGPT, Claude, Lovable e V0 me faz sentir que, nessa corrida da IA, o Angular está ficando para trás.

É verdade que hoje está bem mais fácil desenvolver com Angular do que há alguns anos, a equipe do Google vem fazendo um ótimo trabalho ao remover a dependência de módulos, introduzir componentes standalone, signals e outras melhorias. Mas, mesmo assim, ainda fico com essa sensação.

Talvez eu não saiba explicar exatamente o porque, mas sinto que essa adoção em massa do React não é só por ele ser open source ou pela liberdade de escolher bibliotecas. Acho que o Shadcn tem um papel enorme nisso. Grande parte dos projetos modernos usa ele, e a facilidade de entregar uma UI de alto nível com React é simplesmente muito maior.

Conheço algumas bibliotecas em Angular que tentam seguir esse mesmo caminho, como o Angular Material, Spartan UI, entre outras, mas ainda sinto que estão longe de alcançar o que o Shadcn representa hoje.

Com essa ideia em mente, iniciei a criação da Wally UI (https://wally-ui.com), com o objetivo de entregar componentes prontos para o desenvolvedor final, de forma simples e direta. A proposta é que o dev possa adicionar um componente ao projeto usando apenas um comando npx, como se ele mesmo o tivesse criado, sem depender de uma biblioteca pesada ou complexa. É literalmente pegar e usar.

A ideia é que os componentes da Wally UI sejam extremamente simples de entender e utilizar, inclusive por modelos de IA, tornando mais fácil para ferramentas inteligentes criarem interfaces com Angular. Quero extrair o máximo de mim nesse projeto, será um desafio empolgante e, quem sabe, um passo em direção a alcançar o nível que o Shadcn representa hoje para o React.

Carregando publicação patrocinada...
5

Não sei se já chegou a ver, mas pela postagem não. Lançaram faz pouco tempo o zard que é justamente uma lib de componentes baseada no shadcn e também no zorro.

O mais legal aí é que a lib foi desenvolvida por brasileiros e caras muito bons de Angular como o Samuel Rizzon, Henrique Custódia entre outros.

Link do projeto no Github.

2

Opa, feliz demais em ver o zard sendo citado por outros devs.

É realmente difícil competir com o shadcn, ele criou um mundo de possibilidades. Mas o angular precisa de algo assim, por isso criamos o zard.

Mas diferente do shadcn ou spartan, o zard entrega o código inteiro do componente ao dev, não usamos libs ou encapsulamos código.

Qualquer dúvida estamos por aí para ajudar!

1

Pô animal, não conhecia esse Zard e nem esse Zorro, mas o Ant-design sim. Dei uma olhada por cima aqui nesse Zard e achei interessantíssimo, gostei da forma que os componentes são feitos!

3
1
2

Sim, tranquila. O que ainda não olhei é como fazer a customização do tema, não sei se é fácil. Mas uma vantagem do shadcn é a facilidade de customização com o tailwind, o que eu não lembro de ver muito presente nessas bibliotecas de Angular. Até tem o Daisy UI, mas ele tá mais pra um bootstrap com tailwind, também vi que o PrimeNG fez um plugin pra integrar com o tailwind, mas ainda não testei.

1

Mas uma vantagem do shadcn é a facilidade de customização com o tailwind, o que eu não lembro de ver muito presente nessas bibliotecas de Angular

Real, não cheguei a encontrar nenhuma com isso ainda...

2

Cara, no Angular eu usei o Spartan UI, que seria o equivalente, no final do dia é mais pacotes do que realmente necessária.

Se você domina a criação do componente independente de tecnologia é o que importa verdadeiramente.

1

E é isso mesmo, dominar a criação de componentes, independente da tecnologia, é o que faz toda a diferença. A ideia da Wally UI vai justamente nessa linha: simplificar ao máximo e dar mais controle ao dev.

1

Acho que o maior valor do Shadcn ta sendo fazer a gente parar de refazer as mesmas coisas. Ansioso pra galera começar a plugar outras coisas tipo mascaras por ex e o povo parar de reinventar a roda

1
1
1
0

Após alguns comentários, tenho um pedido aos leitores, se puderem deixar libs não mencionadas, deixem elas aqui, seria bom demais para a comunidade! ;)