Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Código mais enxuto

Boa tarde. Desenvolvi um código mais enxuto, porém, gostaria de saber se está de acordo com as boas práticas ou se há algum gap:

import { useRouter } from "next/router";
import { useEffect } from "react";

//via client side

function getToken(){
  const token = sessionStorage.getItem("token".toString())
  return token
}

function AuthPageStatic() {
  const router = useRouter()

  useEffect(() => {
    const token = getToken()
    if(token){
      console.log("Bem vindo")
    } else {
      router.push("/")
    }
  },[getToken])

  return (
    <div>
      <h1>Client Side Validation </h1>
    </div>
  )
}

export default AuthPageStatic;
1 resposta
solução!

Oi Gabriel, tudo bem?

Parabéns por desenvolver um código mais enxuto! Sobre as boas práticas, seu código parece estar seguindo as diretrizes corretas.

Uma sugestão seria utilizar o hook "useCallback" para a função getToken, já que ela é uma função que pode ser chamada várias vezes. Isso pode melhorar a performance da sua aplicação.

Além disso, é importante lembrar de não armazenar informações sensíveis no sessionStorage, pois elas podem ser facilmente acessadas por scripts maliciosos.

Espero ter ajudado.

Um abraço.