This is an old revision of the document!


Laboratorul 10: React Router & Request-uri HTTP

Premisa

In cadrul acestui laborator, vom accesa backend-ul creat la Laboratorul 6.

1. React Router

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.

1.1. Instalare React Router

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

npm install react-router-dom

1.2. Utilizarea React Router

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

2. Axios si Request-uri HTTP

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.

2.1. Caracteristici principale

2.2. Instalare axios

npm install axios

2.3. HTTP Get

pw/laboratoare/10.1587401947.txt.gz · Last modified: 2020/04/20 19:59 by ciprian.dobre
CC Attribution-Share Alike 3.0 Unported
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0