React

Se você é como eu e adora atalhos, sabe o quão satisfatório é pressionar algumas teclas e ver a mágica acontecer. Seja o familiar Ctrl+C – Ctrl+V que os desenvolvedores usam para “pegar emprestado código” 😉 de LLMs e páginas de código, ou os atalhos personalizados que configuramos em nossas ferramentas favoritas, os atalhos de teclado economizam tempo e nos fazem sentir como um gênio da computação. Bem, não tema! Eu decifrei o código para construir componentes que acionam e…

Aplicativos de software modernos frequentemente dependem da comunicação por e-mail para interagir com os usuários. Eles podem enviar códigos de autenticação durante tentativas de login, e-mails de marketing ou newsletters, por exemplo. Isso significa que notificações por e-mail são tipicamente o meio mais comum de comunicação com os usuários. Neste tutorial, você aprenderá como projetar modelos de e-mail deslumbrantes com React Email e enviá-los usando Resend – uma plataforma de API de e-mail simples e poderosa. Pré-requisitos Para aproveitar ao…

Recentemente, trabalhei em um projeto empolgante que envolveu a criação de um site capaz de alternar entre idiomas para atrair um público mais amplo. Isso me fez entender melhor o conceito de “localização”, que normalmente envolve adaptar o conteúdo para torná-lo relevante, acessível e identificável para usuários em diferentes idiomas e regiões. Localização não se trata apenas de traduzir palavras, mas de criar uma experiência que faça os usuários se sentirem em casa, independentemente do seu idioma. Por exemplo, plataformas…

Aprender React pode parecer desafiador no início, especialmente quando você não tem certeza de como começar ou se encontra encarando um editor de código vazio. Mas o curso certo pode ajudá-lo a entender os conceitos fundamentais e ajudá-lo a adquirir experiência prática construindo projetos do mundo real. Acabamos de publicar um curso no canal do YouTube freeCodeCamp.org que ensina React moderno da maneira mais envolvente e prática possível. Criado por Bob Ziroll da Scrimba, este curso está repleto de mais…

Recentemente, enquanto assistia minha filha 🧒🏻 jogando jogos de memória gratuitos em seu tablet, notei que ela estava tendo dificuldades com uma quantidade avassaladora de anúncios e banners pop-up irritantes. Isso me inspirou a construir um jogo semelhante para ela. Como ela está atualmente interessada em animes, decidi criar o jogo usando imagens fofas no estilo anime. Neste artigo, vou te guiar pelo processo de construção do jogo para você ou seus filhos 🎮. Vamos começar explorando as características do…

Introdução Neste tutorial, construiremos uma aplicação de Gestão de Recursos Humanos com o Refine Framework e a implantaremos na Plataforma de Aplicativos da DigitalOcean. No final deste tutorial, teremos uma aplicação de gestão de RH que inclui: Página de Login: Permite que usuários façam login como gerente ou empregado. Os gerentes têm acesso às páginas de Férias e Pedidos, enquanto os empregados têm acesso apenas à página de Férias. Páginas de Férias: Permite que os empregados solicitem, visualizem e cancelem…

Operações CRUD são a base de todas as aplicações, portanto, é essencial tornar-se proficiente nelas quando aprendendo novas tecnologias. Neste tutorial, você vai aprender a construir uma aplicação CRUD usando React e Convex. Vamos cobrir essas operações construindo um projeto chamado Coleções de livros. Neste projeto, os usuários serão capazes de adicionar livros e atualizar seu status assim que completarem um livro. Sumário O que é o Convex? Como configurar o seu projeto Como criar o esquema Como criar a…

Mutação assíncrona de dados e tratamento é uma tarefa necessária em aplicações web modernas. Você pode querer executar uma função assíncrona independente no servidor para realizar tarefas como salvar dados no armazenamento de dados, enviar e-mails, baixar PDFs, processar imagens e outros. Next.js fornece-nos com Ações do Servidor que são funções assíncronas que executam no servidor. Podemos usar as ações do servidor para mutações de dados no servidor, mas as ações do servidor podem ser chamadas de componentes tanto do…

STOMP é um protocolo simples e poderoso para envio de mensagens implementado por servidores populares como RabbitMQ, ActiveMQ e Apollo. Ao usar STOMP sobre WebSocket, é um protocolo direto, tornando-se uma escolha popular para o envio de mensagens a partir de um navegador da Internet, porque protocolos como AMQP são limitados por browsers que não permitem conexões TCP. Para usar STOMP sobre WebSocket, você pode usar @stomp/stompjs, mas isso tem callbacks complicados e uma API complexa que atende a casos…