O que é Context API?
A Context API, fornece uma maneira de passar os dados de componentes sem ter que passar manualmente em todos os nív...
For further actions, you may consider blocking this person and/or reporting abuse
Conteúdo Incrível, me ajudou demais, muito obrigado de verdade!!
Em auth.tsx na linha
export const AuthProvider: React.FC = ({ children } ) => {
Está dando o seguinte erro de typescript: A propriedade 'children' não existe no tipo '{}'.
Resolvi da seguinte forma: - criei uma interface:
interface Props {children: React.ReactNode;
}
E implementei-a assim:
export const AuthProvider: React.FC<Props> = ({ children }: Props ) => {Cara ajudou muito obrigado
Muito bom o tutorial, fiz baseado nele usando api do Google Login e funcionou de boa consigo puxar até a foto do user nessa api, mas questão de segurança só armazenando token é o recomendado ? Valeuuu
Excelente post, foi de grande ajuda!
Excelente explicação Rafael, muito bom mesmo! Deu tudo certo na minha aplicação!
Só estou com um "probleminha" que talvez você possa ajudar (ainda mais, kkk).
Quando faço o login, a home carrega normalmente, com os dados do usuário no caminho "/", mas quando clico no refresh da página, os dados do usuário desaparecem e só aparecem de novo se eu sair e logar novamente.
Eu chamei os dados do usuário com "const { user } = useAuth();", se eu coloco dentro de um useEffect, não aceita....tem alguma alternativa pra isso?
Já consegui... lerdeza minha mesmo kkkk
Lá no auth tava fazendo o setItem do @App:user com "response.data.name" kkkk foi só tirar o ".name" e deu certo kkkk
Mas valeu pelo post mesmo assim! Grande ajuda!
Olá Rafael. Gostei bastante da sua explicação.
Estou utilizando o tutorial para implementar em um projeto mas não uso typescript, então devo simplesmente ignorar a interface?
AuthContextData {
signed: boolean;
Login(): Promise;
}
E essa constante como ficaria?
const AuthContext = createContext({} as AuthContextData);
Obrigado.
Funcionou, mas o usuário só consegue logar após a segunda tentativa de autenticação
Cara, o meu auth.tsx ta apontando erro.
Você sabe qual o problema?
Qual erro que está acontecendo?
Cara esse link que vc coloca na API /login, seria do que ? não consegui entender essa parte. Agradeço
É só a rota onde faço autenticação na minha api, neste caso localhost:3333 é a url base da minha api e /login é a rota para autenticação. Como já havia definido na configuração no axios a url base como localhost:3333 preciso somente informar a rota que desejo acessar, então digitei /login em vez de localhost:3333/login
ao dar refresh eu perco o login =/
Verifica a parte sobre Salvar dados no Storage, a ideia é basicamente salvar o token do usuário no localStorage do navegador após o login ser feito e sempre que o usuário acessar a página buscar esse token no localStorage novamente
Fala brother, tudo bem?
Gostaria de sugerir também a verificação da expiração do token. Uma vez que o token foi expirado, o usuário é deslogado automaticamente.