Skip to main content

16 posts tagged with "reactjs"

View All Tags

Docusaurus - Integração com Tailwindcss

· 6 min read
Bruno Carneiro
Fundador da @TautornTech

Este é um tutorial pra quem, assim como eu, adora trabalhar com o Docusaurus e quer utilizar todos os recursos do Tailwind CSS.

Bom, não da pra ficar criando CSS na mão toda vez que foi alinhar uma div, gerar bordas arredondas e várias outras coisas que são repetitivas. Sem contar no tempo que isso leva e que poderíamos estar focando no que realmente importa, realizando alguma entrega, criando algo, no meu caso escrevendo escrevendo este conteúdo para vocês =D.

ReactJS Hooks - use Experimental Hook

· 10 min read
Bruno Carneiro
Fundador da @TautornTech

ReactJS Hooks use [Experimental]

Olá jovens gafanhotos, seguindo a trilha de artigos a respeito dos Hooks, neste artigo irei falar sobre o use. Um Hook que está em fase experimental e deve estar disponível em breve no React.

Esse hook pode ajudar bastante o nosso dia-a-dia porque atualmente a quantidade de código escrito para resolver uma promise é bem grande. Mas não apenas isso.

E para demonstrar como o hook funciona realizando uma comparação com o estado atual eu criei um projeto simples demonstrando algunas cartas do jogo Hearthstone.

Projeto final

ReactJS Hooks - useEffect

· 10 min read
Bruno Carneiro
Fundador da @TautornTech

ReactJS Hooks

Olá jovens gafanhotos, seguindo a trilha de artigos a respeito dos Hooks, neste artigo irei falar sobre o useEffect.

tip

Caso queira saber um pouco mais sobre os Hooks, você pode ler este conteúdo aqui:

React Hooks: useState

React Hook: use

O useEffect (hook de efeito) é um Hook para ficar ouvindo as alterações que são realizadas no componente. Com ele podemos interagir com algumas funções do ciclo de vida do React, bem como era feito utilizando classes.

ReactJS Hooks - useState

· 6 min read
Bruno Carneiro
Fundador da @TautornTech

ReactJS Hooks

Olá jovens gafanhotos, hoje vou falar um pouco sobre os HOOKs, como funcionam e quando utilizá-los.

Referência: Pudge Dota 2


tip

 Conheça também como funciona os hooks useEffect e use


A funcionalidade de Hooks foi adiciona no React na versão 16.8, onde foi criado a possibilidade de utilizar o estado da aplicação e outras features do React sem a necessidade de criar um escopo de classe. Um breve exemplo de componente com escopo de classe: