00:00:00Obviamente,
00:00:00hoje em dia tudo gira em torno da IA e comigo não é diferente.
00:00:04Eu uso IA o tempo todo,
00:00:05escrevo muito código com IA,
00:00:07uso ferramentas como Cursor e assim por diante,
00:00:10mas neste episódio o foco não está na IA..
00:00:13Em vez disso,
00:00:14eu recebo com bastante frequência a pergunta: quais tecnologias devo aprender em 2026 ou quais tecnologias você está usando em 2026?
00:00:22E é isso que eu quero compartilhar aqui.
00:00:24Quero compartilhar algumas tecnologias,
00:00:26bibliotecas e frameworks que me empolgam em 2026.
00:00:29E essa lista não é necessariamente abrangente ou completa.
00:00:33Em vez disso,
00:00:34é apenas uma lista de tecnologias que eu pessoalmente vou usar este ano e nas quais estou muito interessado este ano.
00:00:41E já falei sobre isso antes.
00:00:42Existe,
00:00:43é claro,
00:00:43uma espécie de stack padrão,
00:00:45se estamos falando de desenvolvimento web,
00:00:48que é o meu caso,
00:00:49que domina tudo,
00:00:50especialmente com IA ou por causa da IA.
00:00:52E essa stack é TypeScript, React, Next.js e Tailwind.
00:00:55Essa é a favorita da IA e você pode ver isso nos gráficos de downloads do React,
00:01:00por exemplo,
00:01:01e é a mesma coisa para Tailwind e as outras tecnologias.
00:01:04E obviamente,
00:01:05é isso que você definitivamente deveria aprender ou usar,
00:01:08especialmente se você quer encontrar um emprego.
00:01:11Não é a única escolha,
00:01:13é claro,
00:01:13e não estou dizendo que Angular,
00:01:15Vue ou todo esse tipo de coisa é ruim,
00:01:17e pode ser um bom nicho,
00:01:19por exemplo,
00:01:19se aprofundar em Vue.
00:01:21Mas essa é a favorita da IA.
00:01:22Essa é a stack favorita da IA.
00:01:24Então,
00:01:25naturalmente,
00:01:25estou usando algumas dessas tecnologias também porque eu já usava antes da IA.
00:01:30Estou usando TypeScript em todos os meus projetos porque TypeScript é incrível.
00:01:35E sim,
00:01:35às vezes pode ser irritante definir tipos mais complexos,
00:01:39mas primeiro,
00:01:40você não precisa fazer isso com tanta frequência,
00:01:43para ser honesto.
00:01:44E segundo, a IA pode ajudar com isso.
00:01:46A IA é muito boa em escrever código TypeScript e a vantagem de usar TypeScript,
00:01:51mesmo antes da IA,
00:01:52já era que isso pode ajudá-lo a detectar certos erros e pode levar a um código de maior qualidade no final.
00:01:58Mas especialmente com a IA,
00:02:00a vantagem de usar TypeScript é que é um bloco de construção importante que pode dar à IA um feedback útil sobre se o código que ela escreveu é válido ou não,
00:02:09combinado com testes unitários,
00:02:11por exemplo,
00:02:12ou dando à IA acesso ao navegador com o Playwright MCP ou o navegador integrado no Cursor e assim por diante.
00:02:19Então,
00:02:19TypeScript é algo que sempre usei,
00:02:21sempre gostei muito antes da IA,
00:02:23mas agora com a IA é ainda mais útil.
00:02:25Então, faz parte da minha stack tecnológica também.
00:02:28O mesmo vale para o React.
00:02:30Eu também amo Angular.
00:02:31Amo Vue.
00:02:32Tenho cursos sobre ambos.
00:02:33E se você me acompanha, sabe que amo todos esses frameworks.
00:02:37E eu não sou aquele cara que tem apenas um framework favorito,
00:02:41mas nos últimos anos tem sido principalmente React que usei para todos os meus projetos e especialmente com a IA e com a IA sabendo tanto sobre React,
00:02:50embora eu deva dizer que ela também pode produzir código React bem lixo com um monte de use effects e tal.
00:02:56Mas com tudo isso,
00:02:57React ainda faz parte da minha stack tecnológica..
00:03:03Next.js tem sido meu principal meta-framework React por muito tempo e ainda é ótimo.
00:03:10Quero deixar bem claro aqui.
00:03:12Ainda é ótimo,
00:03:14mas essa é talvez a primeira novidade: eu realmente gosto do TanStack Start..
00:03:20Construí projetos com ele,
00:03:21como este projeto Build My Graphic que criei como projeto paralelo no ano passado e então o lancei.
00:03:27É um projeto que simplifica o processo de gerar infográficos com IA,
00:03:31como este aqui,
00:03:32que mostra a visão geral finalizada da minha stack tecnológica favorita.
00:03:36E usei TanStack Start para isso.
00:03:38E também estou usando TanStack Start para outros projetos nos quais estou trabalhando.
00:03:43Alguns serão lançados em breve.
00:03:44Por exemplo,
00:03:45também estou usando para este aplicativo de desenho em canvas que você está vendo aqui..
00:03:51E é incrível.
00:03:51Eu realmente gosto.
00:03:52Gosto do fato de ser mais rápido que o Next.js durante o desenvolvimento,
00:03:57de fazer certas coisas de forma diferente.
00:03:59Gosto da sua sintaxe.
00:04:00Gosto da simplicidade em comparação com algumas das coisas do Next.js.
00:04:05Não há diretivas use server,
00:04:06use client e assim por diante e,
00:04:08portanto,
00:04:09TanStack Start é definitivamente uma das novidades que comecei a usar no ano passado e vou continuar usando este ano..
00:04:16Agora eu normalmente uso 10 stack start com bun para o código backend e em geral uso bun para instalar pacotes,
00:04:23para executar meu código e também o servidor de desenvolvimento porque é simplesmente um node.js mais rápido.
00:04:29Quer dizer,
00:04:29simplesmente usá-lo para instalar pacotes com bun install é mais rápido que npm e eu realmente gosto do bun.
00:04:35É claro que ele é compatível com node.js na maior parte e tem várias funcionalidades extras integradas que podem ser super úteis,
00:04:43como o cliente s3 integrado que permite interagir com o armazenamento de objetos s3 e armazenamentos compatíveis como r2 da cloudflare para guardar objetos,
00:04:52imagens,
00:04:52seja o que for,
00:04:53e isso já vem integrado,
00:04:54você não precisa de nenhum pacote extra,
00:04:57é super rápido,
00:04:58mais rápido que o sdk oficial da aws por exemplo e sim,
00:05:01por todos esses motivos eu realmente gosto do bun e por isso bun é praticamente minha ferramenta padrão em todos os projetos em que estou trabalhando.
00:05:09Claro que não é novidade e também não é novidade para mim,
00:05:13já usei ano passado e até antes disso,
00:05:15mas agora é minha ferramenta padrão então com certeza é algo que estou usando bastante.
00:05:20Mas quero destacar que o node.js também evoluiu muito,
00:05:23é fácil descartar o node.js como sendo meio lento e antigo e o bun como sendo muito melhor e eu acho que o bun é melhor em vários aspectos,
00:05:31mas escrevi um artigo completo e você encontra o link abaixo caso queira ler sobre todas as funcionalidades modernas como suporte a typescript,
00:05:39suporte nativo a typescript que estão integrados no node.js e que você pode usar hoje com as versões mais recentes do node.js e para os quais você não precisa de pacotes extras ou do bun porque o node consegue fazer muito mais do que muitos de nós pensamos que ele consegue.
00:05:54Ainda estou usando bun porque gosto da velocidade dele e tal.
00:05:58Sim estou,
00:05:58mas se você está num projeto onde precisa usar node ou simplesmente prefere,
00:06:03vale notar que hoje em dia você pode fazer muito mais com node do que há alguns anos atrás,
00:06:08então o node.js moderno é definitivamente algo que eu consideraria dar uma olhada novamente este ano se você não fez isso há um tempo.
00:06:16Falando em coisas modernas,
00:06:17também estou super empolgado com muitas APIs modernas de navegador e funcionalidades CSS que estão disponíveis hoje em dia porque muita coisa mudou por aí nos últimos acho que 18 meses mais ou menos,
00:06:28há muitas APIs de navegador e funcionalidades CSS como por exemplo a API popover mas também muitas outras que alcançaram amplo suporte nos principais navegadores então você pode usá-las em todos esses navegadores principais hoje,
00:06:41você pode usá-las nas suas aplicações e pode economizar muito código javascript ou pacotes extras que você precisaria instalar de outra forma ao usar essas funcionalidades..
00:06:53Agora eu criei alguns vídeos no meu outro canal,
00:06:55o canal da academia,
00:06:56onde eu mergulho em algumas dessas coisas como container queries,
00:07:00as APIs popover e eu definitivamente recomendo dar uma olhada nesses vídeos e nessas funcionalidades em geral.
00:07:06O navegador evoluiu muito e não há necessidade de resolver um monte de problemas com seu próprio código ou pacotes extras que podem ser resolvidos apenas aproveitando essas novas funcionalidades,
00:07:17e vale a pena notar que a IA por padrão pode não sugerir ou usar essas funcionalidades porque,
00:07:22claro,
00:07:23ela foi treinada com dados que tinham todo o código antigo,
00:07:26mas você pode ensiná-la,
00:07:27você pode compartilhar a documentação,
00:07:30copiar e colar nos seus prompts ou compartilhar links dependendo de quais ferramentas você está usando e então você pode fazer a IA escrever código moderno também,
00:07:39e isso é absolutamente algo que eu recomendaria fazer,
00:07:42que você ensine à IA todas essas coisas modernas,
00:07:44você realmente deveria fazer isso porque há tanta coisa que você pode fazer aqui.
00:07:49Agora falando de IA,
00:07:50claro que não podemos pular isso inteiramente neste vídeo,
00:07:53e eu já disse isso antes em outros episódios,
00:07:56eu uso IA muito,
00:07:57eu escrevo todo o meu código com IA e a IA escreve muito código para mim.
00:08:01Agora,
00:08:01não estou falando de vibe coding aqui,
00:08:03quero deixar bem claro e sei que algumas pessoas ainda vão entender errado,
00:08:07estou falando de controlar a IA,
00:08:09direcioná-la,
00:08:10fornecer os prompts certos,
00:08:11o contexto certo,
00:08:12entrar no código você mesmo quando precisar e realmente fazer engenharia agêntica como é chamado,
00:08:18e portanto,
00:08:18claro,
00:08:19eu trabalho com ferramentas como Cursor e uma ferramenta pela qual estou muito empolgado este ano é o OpenCode,
00:08:25por exemplo.
00:08:26Tem havido muito hype sobre ele recentemente,
00:08:28eu comecei a usá-lo em dezembro,
00:08:30então eu era cool antes de ficar cool,
00:08:32e isso é essencialmente uma alternativa ao Claude Code,
00:08:35é uma ferramenta CLI,
00:08:37uma ferramenta de codificação baseada em terminal e você pode usá-la para fazer engenharia agêntica e é muito bom,
00:08:43tem uma interface agradável mesmo sendo no terminal,
00:08:46tem muitas funcionalidades,
00:08:47suporta todas as coisas como agentes e habilidades de agentes e sim,
00:08:51você pode realmente fazer uma ótima engenharia agêntica com o OpenCode e,
00:08:55portanto,
00:08:56Cursor e OpenCode,
00:08:57por exemplo,
00:08:57são outras tecnologias que estou usando este ano e especialmente o OpenCode é uma pela qual estou muito empolgado.
00:09:04Agora há duas coisas que a maioria das aplicações precisa que você pode estar construindo e isso é autenticação e um banco de dados,
00:09:11e para o banco de dados meus favoritos são PostgreSQL ou SQLite,
00:09:15ambos são incríveis e ambos,
00:09:16claro,
00:09:17não são novos,
00:09:18estou totalmente ciente disso,
00:09:19e eu sei que há alternativas mais hypadas como Convex e outras e eu posso dar uma olhada nelas também,
00:09:25eu não as usei realmente para ser bem honesto,
00:09:28mas eu gosto desses bancos de dados old school por razões muito diferentes.
00:09:32O PostgreSQL,
00:09:33claro,
00:09:33é muito muito popular,
00:09:34é super performático,
00:09:36quando usa AWS por exemplo você pode usar serviços gerenciados como RDS ou Aurora para tornar a hospedagem simples se você quiser,
00:09:43mas você também pode fazer self-host com Docker,
00:09:46só precisa garantir que você faça backup das coisas e assim por diante,
00:09:50e o que é ótimo sobre o PostgreSQL especialmente agora nesta era moderna é claro que ele suporta todas essas diferentes extensões como pg_vector se você quiser ter um banco de dados vetorial para construir um sistema RAG,
00:10:02e extensões sempre estiveram lá,
00:10:04isso não é novo,
00:10:05mas agora na era da IA temos coisas novas como bancos de dados vetoriais e você pode simplesmente fazer isso com PostgreSQL sem usar ferramentas extras ou pagar por serviços extras,
00:10:15e essa é uma das razões pelas quais eu realmente gosto do PostgreSQL e por que eu uso ele para muitos dos meus projetos.
00:10:21Mas para alguns projetos onde eu quero manter mais simples,
00:10:25onde eu talvez não precise dessas extensões,
00:10:27eu realmente gosto do SQLite,
00:10:29e caso você não saiba,
00:10:30o SQLite é realmente apenas um arquivo no seu projeto,
00:10:33o banco de dados é incorporado no seu código,
00:10:36o código para ele quero dizer,
00:10:37então não há um servidor de banco de dados extra que você precisa iniciar,
00:10:41em vez disso é apenas um pacote extra que você instala ou se você está usando Bun você nem precisa fazer isso,
00:10:48ele tem suporte integrado ao SQLite,
00:10:50então você pode simplesmente usar o Bun sem instalar nada e você pode começar a escrever no banco de dados que,
00:10:56novamente,
00:10:56é apenas um arquivo no seu projeto,
00:10:58você pode fazer backup do banco de dados apenas copiando esse arquivo para outro lugar e isso torna super simples começar,
00:11:05e isso pode parecer algo que não é realmente bom ou adequado para projetos grandes,
00:11:10mas você estaria errado,
00:11:11o SQLite pode escalar para dezenas e centenas de milhares de usuários e milhares de requisições simultâneas,
00:11:17então é super escalável e poderoso,
00:11:19claro que em algum ponto você pode precisar de mais do que ele,
00:11:23mas esse ponto está bem longe e a maioria das aplicações nunca chega lá para ser honesto,
00:11:28e então essa simplicidade realmente vale muito,
00:11:30e é fácil pensar nele como um banco de dados de brinquedo,
00:11:33mas ele tem muitas funcionalidades incorporadas,
00:11:36é um banco de dados incrível e eu estou usando ele para muitos dos meus projetos de produção,
00:11:41como o Build My Graphic por exemplo,
00:11:43ele usa SQLite,
00:11:44e portanto essa é outra tecnologia que tenho usado nos últimos anos e vou continuar usando e estou claro ainda muito empolgado com ela e eu só quero fazer um pouco de marketing para ela aqui porque muitas pessoas pensam nele como um banco de dados apenas para desenvolvimento ou algo assim e ele absolutamente não é.
00:12:02Agora para autenticação claramente é melhor para mim agora,
00:12:05há muitas maneiras de adicionar autenticação aos seus projetos e,
00:12:09claro,
00:12:09caso você tenha notado,
00:12:10estou falando do ecossistema JavaScript aqui,
00:12:13mas Better Auth é uma biblioteca relativamente nova,
00:12:16quero dizer,
00:12:17ela já tem mais de um ano,
00:12:18mas ainda não é super antiga,
00:12:20é extremamente bem mantida e extremamente poderosa,
00:12:23ela permite que você implemente sua própria autenticação sem escrever nenhum código relacionado a isso,
00:12:28você apenas usa este pacote e todas as funcionalidades,
00:12:31todos os provedores de autenticação que ele suporta e torna a autenticação uma maravilha,
00:12:36é o padrão para todos os meus projetos,
00:12:39estou usando Better Auth para todos eles e é simplesmente incrível,
00:12:42e vou continuar usando,
00:12:44ainda estou super empolgado com ele e então sim,
00:12:46eu recomendaria dar uma olhada no Better Auth se você ainda não o fez.
00:12:50Então deixe-me rapidamente criar aquele infográfico que mostrei a você e enquanto isso está funcionando,
00:12:56deixe-me deixar bem claro,
00:12:58há claro muito mais coisas interessantes acontecendo,
00:13:01muito mais pacotes que valem a pena explorar e que estarei usando,
00:13:04por exemplo,
00:13:05se eu estou construindo aplicativos móveis vou usar React Native,
00:13:09isso é apenas uma seleção das bibliotecas ou tecnologias pelas quais estou mais empolgado que vieram à minha cabeça agora que pensei sobre isso,
00:13:17há absolutamente a possibilidade de que eu tenha esquecido algo ou que algo vá,
00:13:21claro,
00:13:22surgir ao longo do ano que talvez já exista mas eu não tenha realmente usado até agora,
00:13:27e claro estou interessado em ouvir seus pensamentos e sobre o que você está empolgado,
00:13:31talvez fora da IA,
00:13:32e obviamente a IA domina tudo e terá um impacto em tudo,
00:13:35mas vale a pena ter em mente que nós como desenvolvedores podemos e devemos ainda fazer escolhas sobre as tecnologias que usamos e nas quais deixamos a IA trabalhar,
00:13:45e sim,
00:13:45essa é uma seleção das coisas pelas quais estou mais empolgado..