/faccialibro

Primary LanguageJavaScript

25/07/2022

Esercizio 1

Sulla base della lezione del giorno:

  • Continuare la stesura del file /utils/api.js includendo i metodi per la chiamata di tipo GET e DELETE.

  • Sostituire la semplice chiamata fetch del componente MessageCardList con il nuovo metodo creato come sopra.

Esercizio 2

  • Creare il componente o i componente per la gestione degli amici e aggiungerlo ad App all'interno di <div className="App__friends"></div>.

Avanzato

  • Provare a scrivere un algoritmo (funzione) che ordini la lista dei messaggi (di MessageCardList) in base alla data presente nell'array alla chiave date.


26/07/2022

Esercizio 1

  • Sostituire il metodo confirm con una modale. Questa deve essere un componente. - Attenzione: rendiamola quanto più riutilizzabile possibile, perchè vorremo solo una modale per tutta l'app.

Esercizio 2

  • Creare un filtro per la lista dei messaggi, che agisca tramite <input> (collocarla sotto il bottone 'Invia')
  • La lista deve poter filtrare per sender
  • Attenzione! Ricordatevi dei controlled component

Avanzato

  • Il filtro funzionarà anche per click sulla lista degli amici
  • Attenzione: badate bene che ci sia almeno un messaggio con il nome che state cercando (anche nel caso del filtro per input)