Cara routing untuk auth page di react native, web?

sebenernya spesifik teknologinya sih pake React, Vue, atau Angular. cmn kebetulan saya pake React dan bingung sama Flownya. kalo pake Flow saya takut kurang enak kedepannya soalnya saya juga lagi belajar clean code.

jadi intinya cara Routing di react yang pagenya itu harus login dulu gimana ya? contohnya buat admin page...

kalo saya sekarang kan sudah pakai fitur interceptornya axios, jadi setiap mau request ke api yang butuh token interceptornya bakal jadi kayak middleware di frontendnya. sebelum request ke url web apinya misalnya di frontend itu lihat data barang maka backend bakal kasih response json data barang maka axiosnya cek dulu tokennya masih aktif atau tidak. kalo semisal token masih aktif langsung response berupa data json dari url api yang ditembak tadi yaitu data barang. tapi kalo token expired yang mana responsenya 401 axios bakal nembak dulu request ke url refreshToken yang sudah disediakan dari apinya, nanti generate token baru dan refreshToken baru kemudian disimpan di localstorage kemudian baru request lagi ke url yang dituju baru response jsonnya muncul. nah kalo flow kayak gitu rekomen gk?

atau mendingan setiap mau buka page di FrontEnd yang emang diprotected langsung cek token dulu ke backend dari componentDidMount, kalo token oke langsung kebuka pagenya kalo token expired langsung refreshtokennya... kira kira flownya yang readible sama biasa digunain sama FrontEnd Dev itu gimana ya?

trus kalo semisal token cmn 8menit dan refreshToken cmn 30 hari dan aplikasinya udah gk dibuka sampai 31 hari, otomatis kan keduanya udah expired. cara handlenya nanti gimana ya?

terimakasih