React Router DOM este un API creat pentru React pentru a “simula” un browser history pentru aplicatia noastra. Deoarece aplicatia noastra este un Single Page Application (SPA), browser-ul nostru nu navigheaza prin fisiere html.

Pentru a instala react-router-dom trebuie sa executam urmatoarea comanda:

npm install react-router-dom

Utilizarea React Router-ului se realizeaza in 3 pasi:

• Adaugarea dependintelor din react-router-dom (HashRouter, Switch si Route)

• Inglobarea tuturor componentelor din cadrul aplicatiei in <HashRouter> si <Switch>
• Definirea rutelor folosind <Route>

Schimbarea continutului dinamic se realizeaza prin folosirea componentei <Link> din react-router-dom

Axios este o biblioteca JavaScript folosita pentru a face Request-uri HTTP din Node.Js sau XMLHttpRequest din browser, cerinta principala fiind compatibilitatea cu ES6 Promise API.

• XMLHttpRequests din browser
• Request-uri HTTP din Node.JS
• Suporta Promise API
• Interceptare request-uri si responses

npm install axios

1. Creati o componenta Login care sa contina un formular cu doua campuri text si un buton de Submit.

{
   username: "admin",
   password: "admin"
}

localStorage.setItem("token", jwt_token);

localStorage.getItem("token")

1. Creati doua componente, Book si Author, care sa afiseze detaliile despre fiecare carte, respectiv autor.
2. Creati o componenta BooksList care sa contina o lista cu toate cartile existente, respectiv AuthorsList care sa contina o lista cu toati autorii existenti in baza de date. Pentru afisarea tuturor cartilor, respectiv autorilor, se vor folosi componentele create anterior, Book si Author. Stilizarea nu reprezinta o prioritate, de aceea puteti sa fiti inventivi.
3. Componentele BooksList si AuthorsList trebuie sa trimita cate un request de HTTP Get pentru a aduce toate intrarile din baza de date.