Ramon Campos | Frontend Dev

Toda vez que sua função cresce em número de parâmetros, ela tá gritando por refatoração. Mais difícil de testar, mais fácil de quebrar e bem mais difícil de manter. Usar objetos no lugar de listas gigantes de argumentos deixa o código mais limpo, mais flexível e muito mais previsível. Se quiser escrever código profissional, começa assim. #cleanCode #refatoração #javascript #devlife #frontend clean code, funções, refatoração, javascript, desenvolvimento, dev, programação, código limpo, boas práticas

Arrow function e function tradicional não são a mesma coisa. this, arguments, hoisting, new... tudo muda. Se você só tá trocando function por => achando que é mais bonito, provavelmente tá quebrando código e nem sabe. Curtiu a explicação? Quer parte 2? #javascript #arrowfunction #deviniciante #frontenddev #resolutecode

[obs] no primeiro exemplo faltou o "?" antes do params.toString() Parar de concatenar query strings manualmente é um upgrade que todo dev deveria fazer. O URLSearchParams permite criar, ler e manipular parâmetros de URL de forma simples, legível e segura, sem precisar lidar com erros de & e ?. É nativo, rápido e fácil de usar. Pequenas mudanças como essa melhoram a qualidade e manutenção do seu código no longo prazo. #javascript #webdev #frontend #backend #developer #programacao #coding #devlife #software #url #tecnologia #programador #js

Você tá usando useState pra tudo. Mas a real é que nem toda variável precisa causar re-render. Tem coisa que só precisa ser guardada, não renderizada. Esse vídeo te mostra exatamente o que guardar no state, no useRef e o que nem precisa estar na memória do React. Dominar isso deixa seu código mais leve, mais rápido e mais profissional. Assiste e para de renderizar à toa. #reactjs #javascript #frontend #codigolimpo #dicasdev

Clique duplo é um dos bugs mais idiotas e mais comuns que existem. O usuário clica duas vezes no botão e você dispara duas requisições, atualiza estado fora de ordem e transforma a UI numa corrida que você nunca quis participar. Tudo porque você não bloqueou o submit enquanto processava. Loading não é só estética. Loading é controle. Quando você desabilita o botão, você deixa o fluxo previsível e protege o sistema de um problema que só existe porque você ignorou um detalhe óbvio. #react #javascript #frontend #forms #webdev #devlife #resolutecode #codigo #boaspraticas #usestate #programacao

Toda vez que sua função cresce em número de parâmetros, ela tá gritando por refatoração. Mais difícil de testar, mais fácil de quebrar e bem mais difícil de manter. Usar objetos no lugar de listas gigantes de argumentos deixa o código mais limpo, mais flexível e muito mais previsível. Se quiser escrever código profissional, começa assim. #cleanCode #refatoração #javascript #devlife #frontend clean code, funções, refatoração, javascript, desenvolvimento, dev, programação, código limpo, boas práticas

Arrow function e function tradicional não são a mesma coisa. this, arguments, hoisting, new... tudo muda. Se você só tá trocando function por => achando que é mais bonito, provavelmente tá quebrando código e nem sabe. Curtiu a explicação? Quer parte 2? #javascript #arrowfunction #deviniciante #frontenddev #resolutecode

[obs] no primeiro exemplo faltou o "?" antes do params.toString() Parar de concatenar query strings manualmente é um upgrade que todo dev deveria fazer. O URLSearchParams permite criar, ler e manipular parâmetros de URL de forma simples, legível e segura, sem precisar lidar com erros de & e ?. É nativo, rápido e fácil de usar. Pequenas mudanças como essa melhoram a qualidade e manutenção do seu código no longo prazo. #javascript #webdev #frontend #backend #developer #programacao #coding #devlife #software #url #tecnologia #programador #js

Você tá usando useState pra tudo. Mas a real é que nem toda variável precisa causar re-render. Tem coisa que só precisa ser guardada, não renderizada. Esse vídeo te mostra exatamente o que guardar no state, no useRef e o que nem precisa estar na memória do React. Dominar isso deixa seu código mais leve, mais rápido e mais profissional. Assiste e para de renderizar à toa. #reactjs #javascript #frontend #codigolimpo #dicasdev

Clique duplo é um dos bugs mais idiotas e mais comuns que existem. O usuário clica duas vezes no botão e você dispara duas requisições, atualiza estado fora de ordem e transforma a UI numa corrida que você nunca quis participar. Tudo porque você não bloqueou o submit enquanto processava. Loading não é só estética. Loading é controle. Quando você desabilita o botão, você deixa o fluxo previsível e protege o sistema de um problema que só existe porque você ignorou um detalhe óbvio. #react #javascript #frontend #forms #webdev #devlife #resolutecode #codigo #boaspraticas #usestate #programacao