단일 페이지 응용 프로그램을위한 ReactJS에서 사용자를 로그인하는 올바른 방법은 무엇입니까?

Question

현재 ReactJS를 사용하여 로그인 페이지를 만들고 사용자 입력을 확인할 수 있으며 AJAX에 서버가 뭔가를하도록 요청할 수있는 함수를 호출 할 수 있어야합니다. 사용자에게 로그인하고 사용자의 홈페이지로 이동하는 적절한 방법은 무엇입니까? 단일 페이지 웹 응용 프로그램을 만들려고합니다.

{LOGIN button is chicked} -> {Validate the input pattern} 
-> {Send the username and password to the server} -> {Authenticate the user} 
-> {Load the logined modules} -> {Route to the home page content} 

로그인을 수행하는 적절한 방법입니까? 그렇다면, 저에게 그것을 가르쳐 줄 수있는 좋은 자습서가 있습니까?

Answer 1

JWT 인증을 사용하는 것이 좋습니다. 사용하기 쉽고 안전합니다. REDUX 아키텍처를 사용합니다 좋은 튜토리얼은 다음과 같다 :

Secure Your React and Redux App with JWT Authentication

당신의 반응 연습도 좋다 - REDUX 기술을. 앱의 라우팅을 위해 나는 간단하고 사용하기 쉬운 React router 을 사용할 것을 제안합니다.