; komponent wyzszego rzedu - withRouter">
| instalacja router | npm install react-router-dom |
| <Router>...</Router> w app.js | jakie komponenty maja byc obslugiwane |
| działa jak <a href="" tylko nei odswieza CALEJ STRONY | <Link /> |
| komponent wyzszego rzedu | withRouter |
| Zwraca obiekt,klucz z aktualnego URL | = useParams(); |
| link menu, mozna np zmienic wyglad gdy jest aktywny | <NavLink /> |
| klasa dla NavLink, gdy jest aktywne | activeClassName='style.klasa' |
| useReducer(reducer, InitialState) | trzyma stany i typy | useReducer |
| przekierowanie np z /profil > na /zaloguj | <Redirect to"/zaloguj" /> |
| lazy - wczyta sie dopeiro gdy Profil zostanie uzyty, gdy bedzie renderowany | dynamiczne wczyt. | const Profile = lazy(() => import('./Pages/...')) |
| Sledzi progrec wczytywania sie | fallback - wartosc, dopoki Profile sie nie wczyta | <Suspence fallback={<p>...</p>}></Suspence> |
| Profile | ErrorBoundary |
| ustawia tytuł strony | document.title = title; |
| wrzuca nowy adres przekierowuje | import { useHistory } | const h = useHistory(); | history.push('/'); |
| path - uwzgldnia ojca, url tworzy relatywny link np. do NavLink | const {path,url} = useRouteMatch(); |