Windsurf: descobertas e transformações

Sabe aquele momento mágico em que descobre uma ferramenta que muda completamente a sua forma de trabalhar? Foi exatamente isso que me aconteceu (e à equipa também) ao conhecer o Windsurf, a mais recente criação da Codeium que está a revolucionar a forma como desenvolvemos software.

Confesso que sempre fui daqueles developers meio pé atrás com esta história de "deixar a AI fazer tudo". Usávamos o ChatGPT e o Claude.ai directamente, mas sempre como parceiro para melhorar código já existente, resolver bugs ou aprender algum conceito novo. A ideia de simplesmente atirar um prompt e pedir "cria uma app para mim" dava-me uma comichão na consciência de programador. Como se estivesse a fazer batota no jogo, sabem? Mas depois, como todo o bom teimoso que eventualmente aprende uma lição, percebi que estava a perder uma oportunidade incrível de elevar o meu trabalho a outro nível. E foi aí que o Windsurf entrou em jogo.

Vou partilhar convosco a nossa experiência com esta incrível ferramenta que tornou os nossos dias de código muito mais produtivos e, sinceramente, mais divertidos.

O que é isto do Windsurf?

O Windsurf é muito mais do que apenas mais um editor de código. Representa uma evolução significativa no conceito de IDEs com inteligência artificial integrada. É praticamente ter um assistente que não só completa o seu código, como compreende profundamente o contexto do seu projeto e colabora consigo de forma quase telepática.

A Codeium criou aqui algo verdadeiramente especial. O Windsurf é construído sobre uma base sólida (sim, é um fork do VS Code, mas não se deixem enganar - vai muito além disso) e introduz um conceito revolucionário chamado "AI Flows". Isto faz com que a IDE esteja em sincronia com o seu processo de desenvolvimento, antecipando as suas necessidades e oferecendo soluções antes mesmo de se aperceber que precisa delas.

Primeiros passos: Instalar e configurar

Vamos começar pelo básico. A instalação do Windsurf é surpreendentemente simples. Pode fazer o download diretamente do site da Codeium e a configuração inicial é praticamente autoexplicativa. O que é giro é que se já usa VS Code, pode até importar as suas definições atuais e continuar na sua zona de conforto.

Para instalar:

1. Aceda ao site oficial da Codeium
2. Faça o download da versão para o seu sistema operativo
3. Execute o instalador 4.Na primeira execução, será guiado por um processo de onboarding super tranquilo

Uma dica de ouro: durante a configuração inicial, preste especial atenção às opções de tema e aos atalhos de teclado. O Windsurf oferece tanto bindings padrão do VS Code como do Vim, por isso escolha o que mais se adequa ao seu estilo. Optei por instalar uma extensão de VS Code (sim, suporta a maioria delas) para implementar os atalhos de teclado do WebStorm.

O diferencial do Cascade: O seu novo melhor amigo

A estrela do espectáculo aqui é definitivamente o Cascade, que é como se fosse uma evolução turbinada do chat que encontras noutros IDEs com AI. A diferença é que o Cascade percebe realmente o que está a acontecer no seu projeto.

Deixem-me contar a minha experiência prática: estava a trabalhar num projeto com várias dependências e APIs diferentes. Normalmente, seria aquela dor de cabeça para configurar tudo. O Cascade não só me ajudou a identificar as dependências necessárias, como também sugeriu e executou os comandos de instalação automaticamente!

O mais impressionante é como mantém o contexto das conversas. Não é necessário ter de explicar tudo de novo a cada interação. Recorda as decisões anteriores e vai construindo um entendimento cada vez mais profundo do seu projeto.

E há ainda mais, se tiver uma conta premium do Codeium, a coisa torna-se mais interessante! Para além do Cascade, pode optar por trabalhar com o Claude 3.5 Sonnet da Anthropic ou com o GPT-4o da OpenAI. Tem uma equipa de especialistas à sua disposição, cada um com o seu estilo próprio de resolver problemas. Gosto particularmente de fazer um "test drive" com diferentes modelos consoante o tipo de tarefa - por vezes o Claude dá aquela resposta mais detalhada que precisas, outras vezes o GPT-4o vem com uma solução mais criativa que nem tinhas imaginado.

Recursos que fazem a diferença

No dia a dia, algumas funcionalidades do Windsurf destacam-se absurdamente:

O SuperComplete é uma funcionalidade que vai além do autocomplete tradicional. Não só sugere o próximo pedaço de código, como compreende a intenção por trás do que está a fazer. Ele praticamente lê a sua mente!

A integração com terminal é outro ponto alto. O Windsurf pode detetar quando precisa de executar comandos específicos e até sugerir correções quando algo corre mal. Acabaram aqueles momentos de andar a googlear mensagens de erro!

E tem também o sistema de créditos. Na versão gratuita, já tem acesso a funcionalidades incríveis, mas os planos pagos (Pro e Pro Ultimate) desbloqueiam ainda mais possibilidades. O giro é que pode começar com o plano gratuito e ir evoluindo consoante a sua necessidade.

Enfrentar o temido código legacy (e sobreviver para contar a história!)

Já teve a sensação de abrir um projeto antigo e sentir aquele friozinho na barriga? Pois é, todo o developer já passou por isso. Quando comecei a utilizar o Windsurf, confesso que estava cético sobre a forma como se comportaria com os nossos projetos mais... digamos... "experientes". Achava que ele seria ótimo só para projetos novos, criados de raiz, todo bonito e organizado. Mas olha, que boa surpresa tive!

Como no dia em que abrimos um grande projeto legado - daqueles que olhas e pensas "meu Deus, porque é que fizemos isto?". Era um monstrengo com código repetido, variáveis ​​com nomes misteriosos e uma arquitetura que mais parecia um prato de esparguete. Sabe o que o Windsurf fez? Não só compreendeu toda aquela confusão como ainda nos ajudou a navegar por ela!

O Cascade, principalmente, deixou-nos de queixo caído. Conseguiu não só compreender a lógica por detrás do caos, como também começou a sugerir melhorias de uma forma respeitosa para o código existente. É como se ele dissesse "Olha, eu sei que isto aqui está um bocado desarrumado, mas vamos resolver um problema de cada vez, ok?".

Uma coisa que nos impressionou bastante foi a forma como conseguiu manter a coerência com o estilo do projecto original (mesmo quando esse estilo não era lá grande coisa). Quando precisávamos de adicionar novas funcionalidades, o Cascade sugeria código que parecia ter sido escrito pela mesma equipa - só que mais organizado e com boas práticas subtilmente incorporadas.

E as refatorações então? Um dia, pedimos-lhe para dar uma vista de olhos a um módulo particularmente problemático. Não só identificou os problemas como sugeriu uma série de melhorias graduais que podiam ser implementadas sem partir nada. Nós tínhamos agora um consultor sénior sentado ao nosso lado, só que este consultor tem uma paciência infinita e não cobra assim tão caro!

E para cúmulo, ajudou-nos a documentar algumas partes obscuras do código. Por vezes, só de lhe explicar o que estava a tentar perceber, já vinha com insights do tipo "Ah, parece que este excerto está a fazer X por causa de Y, e podia ser melhorado assim...". Sem aquele julgamento que costumamos receber quando pedimos ajuda a outros devs.

Exemplo prático: Criação de uma Lista ToDo

Vamos pôr a mão na massa! Nada melhor para compreender o poder do Windsurf do que criar um projeto real. Vamos mostrar como criar uma aplicação de Todo List utilizando o Cascade.

O primeiro passo é abrir o Cascade (CTRL+L ou clicando no ícone) e iniciar uma conversa natural:

"Quero criar uma aplicação de Todo List utilizando Javascript puro, HTML e css que guarde os dados localmente"

É quando o Cascade começa a trabalhar. Não só gera o código, como explica cada decisão e permite fazer ajustes a meio do caminho. Cria a estrutura do projeto, sugere boas práticas e ainda implementa funcionalidades extra que fazem sentido para uma Todo List.

Por exemplo, quando referimos que queríamos adicionar animações para as ações de completar e eliminar tarefas, o Cascade não só implementou as animações, como sugeriu melhorias na experiência do utilizador que eu nem tinha pensado!

Pode fazer o download do código deste exemplo e testar localemnte clicando aqui.

O Impacto na produtividade

Após algumas semanas a utilizar o Windsurf, notámos (eu particularmente) uma boa mudança na produtividade. Tarefas que antes demoravam horas, são agora resolvidas em minutos. Mas não se trata só de velocidade - trata-se também de qualidade.

O Windsurf ajuda-nos a manter um código mais limpo e consistente. As suas sugestões são baseadas em boas práticas de programação, e o feedback em tempo real sobre possíveis problemas ajuda-nos a evitar bugs antes mesmo de acontecerem.

Outro aspeto interessante é a forma como nos ajuda a aprender. Ao explicar as suas sugestões e decisões, o Windsurf acaba por funcionar como um mentor, apresentando-me novos padrões e técnicas que podemos aplicar em projetos futuros.

O futuro do desenvolvimento de software está claramente a moldar-se em torno de ferramentas como o Windsurf. A combinação de um IDE poderoso com inteligência artificial já não é apenas uma conveniência - está a tornar-se uma necessidade para se manter competitivo e eficiente no desenvolvimento moderno.

Se ainda não experimentou o Windsurf, recomendo vivamente que lhe dê uma oportunidade. Comece pela versão gratuita e veja por si mesmo como pode transformar a sua forma de programar. Como disse no início, fui o último (da minha equipa) a adotar, aqui na Yes Marketing praticamente toda a gente já utilizava esta ferramenta no seu workflow, quer mesmo ficar para trás?