NÃO CRIE FUNÇÕES DENTRO DE COMPONENTES REACTJS #shorts

Показать описание

INFORMAÇÕES IMPORTANTES 👇

𝗢𝗦 𝗠𝗘𝗟𝗛𝗢𝗥𝗘𝗦 𝗩𝗜𝗗𝗘𝗢𝗦 𝗗𝗢 𝗖𝗔𝗡𝗔𝗟:

7 CONCEITOS DO TYPESCRIPT QUE VOCÊ DEVE SABE

QUAL A MELHOR ESTRUTURA DE PASTAS PARA PROJETOS REACT/NEXT.JS

COMO APLICAR SOLID NO REACT - Inversão de dependência DIP

[ROADMAP] O QUE VOCÊ DEVERIA ESTUDAR EM 2O23? Fique de olho nessas tecnologias

TUTORIAL NEXT.JS 13: FETCHING DATA - PARTE 3/3

A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!

QUANDO NÃO UTILIZAR ESTADOS NO REACT?

MELHORE A USABILIDADE DE SUAS APLICAÇÕES COM ISSO

TUTORIAL NEXT.JS 13: VALE A PENA MIGRAR? PARTE 1/3

A FORMA CORRETA DE CRIAR ROTAS PRIVADAS NO NEXT.JS 13 - Nova pasta pasta app!

---

Livros que me ajudaram:
Como ser um programador melhor
Código Limpo
Arquitetura Limpa
Estruturas de dados e algoritmos com JavaScript
Entendendo Algoritmos: Um guia ilustrado para programadores e outros curiosos
14 hábitos de desenvolvedores altamente produtivos
Hábitos Atômicos
Aprendendo a Aprender
Rápido e devagar
A vida dos Estoicos
Meditações de Marco Aurélio

*Links afiliados.
---

👋 Você pode me encontrar aqui:

👨‍💻 Sobre mim
Eu sou Junior, Senior Frontend Engineer! Tenho 26 anos e moro em Goiás. Eu compartilho todo tipo de conteúdo relacionado à desenvolvimento de software.

✉️ Email comercial

📌 Utilidades
Editor: VS Code
Tema: Illusion
Music provided by NoCopyrightSounds.

#reactjs #shorts #frontend #web #dev #function

Рекомендации по теме

Комментарии

Literalmente em todos projetos que eu trabalhei para uma porrada de empresas, todo mundo faz isso

lucascarinhanha

Não estou nessa etapa ainda, mas já virei inscrito pq sei q seus macetes irá me ajudar muito quando eu começar
Tmj Man

opinioes_agregam

Claro e coeso como sempre. Parabéns 👏👏

cafeware

Excelente! Estava usando dentro e por consequência recebendo alguns bugs de renderização. Boa dica!

joaodamorim

ReactJS com SOLID:

Nossa comunidade no Discord:

devjunioralves

Também acho válido, só tem que tomar cuidado com a componentização. As vezes criamos componentes muito grandes e cheios de dependências externas, mockar essas coisas para os testes unitários pode virar um pesadelo.

leonardomoraes

traz mais vídeos sobre boas práticas como essas

half

Pensando em apenas re-render me parece uma preocupação de performance prematura. Acredito que o algoritmo do react consigo lidar com isso não? Tenho minhas duvidas sobre o quando devo remover tudo de dentro dos components. Ate pq a ideia mesmo que eu entendo sobre custom hooks e pensando em um compartilhamento.

lucasmoura

Como eu separaria uma função do componente se ela precisar usar um ou mais useState's

David-gics

Qd atualizo a página o componente App renderiza duas vezes logo de cara. Alguém sabe o pq?

matheusmachado

Não seria um erro chamar ela assim também? Já que o react não aceita funções como filhos? Uma coisa que eu faço até quando é um formatador assim mesmo, crio a função como um React.FC retornando o formatador como uma string, ou até mesmo dentro de um Fragment. Estaria certo assim?

lenasathler

Cara eu sou iniciante, não conheço quase nada, mas poderia me dizer como você fez para mexer o código sem apagá-lo?(se tiver mais alguma dica eu agradeço)

reallyyoutranslatedthis

Estudando os hooks do React, vi que é possível deixar as funções dentro da classe com um segundo argumento associado ao useState, ou seja, ela só seria acionada se houvesse alteração na variável.

Ainda assim não é recomendado?

ricardo

Posso deixá-la no mesmo arquivo mas fora do componente, sem deixar em outro arquivo? Pq as vezes ela só vai ser usada nesse componente?

LeandroLima-ewtl

Tem como a gente ver essa re-renderização na prática? Ela sendo importada não causaria a mesma coisa?

FakeLewis

Isso vale para funções vindo de hooks ou contextos externos da minha aplicação?

irineeu

Ou usar tanta o states e as funções em Hook separado

CarlosDaniel-jtrg

Ótimo vídeo! Qual seu tema do VS Code mano?

cristiankeibersbardelotto

Vejo todo mundo fazendo assim e achava que estava remando contra a maré. Ainda bem que não sou o único

renatobmps

entao basicamente eu crio componentes para todas funcoes?

skanOZz

NÃO CRIE FUNÇÕES DENTRO DE COMPONENTES REACTJS #shorts

NÃO CRIE FUNÇÕES DENTRO DE COMPONENTES REACTJS #shorts

Funções dentro de Funções: um exemplo de uso com javascript

Organizando melhor o código: agrupando funções dentro de estruturas

Por que você não deve criar métodos dentro de funções construtoras em aplicações com JavaScript puro...

Funções dentro de funções em Javascript. Funções aninhadas - Curso de Javascript Moderno - Aula 26...

Esses são os níveis mais altos de QA e suas funções dentro de um time

Curso de Python 3 - Aula 20 - Funções dentro de funções

Como Fazer Função SE dentro de SE no Excel?

Função dentro de outra função em C/C++. Aula 30

Função SE com outras Funções | Se Aninhado | Fórmula dentro de Fórmula

Uma função oculta dentro do Excel!

CLOSURE EM GOLANG - FUNÇÕES DENTRO DE FUNÇÕES #PROGRAMADOR #PROGRAMANDO

PLANEJAMENTO ESTRATÉGICO, TÁTICO E OPERACIONAL (Entenda as Diferenças Para Ter Sucesso)

Um júnior já deveria saber como reduzir a quantidade de IFs de um código (e você, sabe?)

Javascript | Curso completo - 15 - Funções dentro do objeto

Swift Basic - 13 - Chamando uma função dentro de outra função e tipos de teclados

Em JavaScript, é possível alterar, de fora da função, um valor dentro da função? #cortes

REVELEI FUNÇÕES ESCONDIDAS DENTRO DO CAPCUT QUE TALVEZ VOCÊ NÃO SABIA..

Como eu divido os processos e funções dentro da minha empresa? Marketplaces

COMO USAR A META AI NO WHATSAPP (Nova função da meta dentro do zap)

🛑 CUIDADO: saiba exatamente como usar a Função ALL dentro da CALCULATE no Power BI

Praticar Funções I: Função dentro de Função

Usando o operador THIS dentro de funções em Javascript - Curso de Javascript Moderno - Aula 29

Funções - Curso JavaScript #16