Problem z wieloma stronami React

Question

Cześć

Mam ogromny problem w React którego się aktualnie uczę.

Nie rozumiem mechaniki jak przełączać się miedzy stronami, a raczej jak je rozdzielić.

Chodzi np. o to, że mam stronę z rejestracją i logowaniem, po zalogowaniu chciałbym aby przełączało się na stronę główną, gdzie są navy, kontent itd...

W HTML po prostu zmieniało się stronę, a tutaj są routy w których strona zaczyna się kompletnie mieszać.

Ciężko mi to wytłumaczyć, ale mechanizm miałby działać w ten sposób, że strona startowa to logowanie, jeżeli użytkownik nie jest zalogowany to nawet jeżeli zmieni link u góry, to go wróci do logowania.

Nie wiem jak to poumieszczać w app, wszystkie komponenty zaczynają się mieszać.

https://github.com/Yorwetth/AlphaMind2

Wrzucam link do git, ale byłbym wdzięczny jeżeli ktoś ma wiedzę i byłby w stanie pomóc mi trochę z projektem na priv gdzie jakoś się dogadamy :)

Answer 1

Jeśli potrzebujesz podział na strony i osobne strony logowania ja bym polecał iść o krok dalej i uczyć się od razu frameworka next.js. Moim zdaniem podział który oferuje next.js jest czytelniejszy.

Jeśli chcesz zostać przy CRA to moim zdaniem warto się zastanowić czy user może chcieć się zalogować bez konkretnego celu. Jeśli nie to logowanie sprawdzać osobno i bez potrzeby nie robić powiazań logowania z routingiem.

Comments

A next.js nie korzysta z routingu?  Server Rendering jest oparty  też o routing.
Chyba, że chodzi Ci o Client-side transitions i używanie linków po ścieżce.

---

Też korzysta ale działa inaczej i inaczej się dzieli strony. Moim zdaniem routing w next.js jest wygodniejszy, a uczenie się obecnie innych routingów jest startą czasu.