Resultados da busca para "react"
ReactJS: gerenciando estados com Recoil
Gerenciar os estados de aplicações ReactJS não é tarefa fácil, uma vez que a aplicação começa escalar em tamanho, aumentando sua quantidade de componentes e como consequência os estados que os mesmos carregam, compartilhar e atualizar estes estados se torna uma tarefa complexa. Aí surgem as bibliotecas para gerenciamento de estados, facilitando uma parte do…
PWA com React
O que é PWA? O PWA vem da sigla “Progressive Web App”, ele é um web app que usa as modernas funcionalidades dos navegadores para entregar uma experiência de um app na web para os usuários. Ele é muito similar a um sistema web, tem só que satisfazer alguns requisitos (que serão comentados abaixo). Fora…
Reactjs no back-end
Cada dia que se passa me surpreendo com as belezas do Reactjs, essa biblioteca fantástica, que me permite trabalhar no lado do servidor 😱. Vou explicar como a mágica acontece: O Next.js que é um framework para aplicativos react que faz renderização do lado do servidor(server-rendering) por padrão, entre muitas outras otimizações de desempenho como:…
Sim, o React está tomando conta do desenvolvimento front-end. A questão é por quê.
Esta é uma tradução do artigo Yes, React is taking over front-end development. The question is why de autoria de Samer Buna. — Porque o React? Aqui estão algumas razões pelas quais o React se tornou tão popular tão rápido: Trabalhar com o DOM é difícil. O React basicamente dá aos desenvolvedores a habilidade de trabalhar…
Um Ensaio sobre Arquitetura Fractal usando Webpack e React
Aplicações de menor porte são normalmente organizadas de modo a separar os arquivos por natureza; componentes, contêineres, rotas, etc. O resultado é uma aplicação com uma estrutura parecida a esta: components/ Header.js HomePage.js Footer.js Post.js PostList.js PostPage.js User.js UserProfile.js UserAvatar.js containers/ App.js Post.js User.js routes/ index.js post.js user.js router.js index.js Essa estrutura, porém, não…
CSS Modules + React: conceitos básicos
Repositório com exemplo completo (branch react) Introdução ao CSS Modules Como reaproveitar estilos usando CSS Modules Antes de mais nada, é preciso instalar as dependências para criar um site com React. Vale lembrar que partimos do ponto onde paramos no artigo anterior. Se você não leu, dê uma olhada antes de continuar. npm i -D…
Gerência de Estados no Flutter
Neste post vamos introduzir o básico sobre Gerência de Estados no Flutter, além de descobrir o que é, porquê e como funciona. Não iremos nos aprofundar sobre o Widget ou afins da linguagem, talvez em uma próxima e se você tiver interesse pode deixar nos comentários ao final deste post. 😜 O que são “Estados”…
Coisas que eu não sei em pleno 2018
Neste post irei oferecer uma lista incompleta de tópicos de programação que as pessoas frequentemente de forma errada assumem que eu sei.
Criando content loaders confiáveis
Content loaders (também conhecidos como placeholder loaders, ou skeleton loaders) além de serem legais são muito úteis para UX, como por exemplo: O loading mostra uma prévia do que será o conteúdo. O usuário tem a percepção que o conteúdo carrega mais rápido. Cria uma expectativa no usuário e evita surpresas. Problemas Fato é que…
Como funciona o Styled-components por debaixo dos panos
O CSS-in-JS está se tornando cada vez mais comum no desenvolvimento moderno de front-end, especialmente na comunidade React. O styled-components se destaca na lista porque ele adota tagged templates e permite criar componentes React normais definindo apenas estilos. Ele também resolve problemas importantes, como modularidade CSS, fornece recursos non-CSS, como aninhamento, e todos esses recursos…
