Ho usato Context per visualizzare e stampare dinamicamente le informazioni nelle due pagine: in un file a parte(dataContext.js) ho simulato il contenuto di un API, con degli oggetti dentro vari array. Ho creato più Context; uno per le attività, uno per i Magazine, uno per gli Alerts, e uno per i Filtri, quest'ultimo appunto per filtrare i risultati in base a cosa viene selezionato nella select attività della seconda pagina.
Perché Context e non Redux; per un mockup e per visualizzare informazioni che non hanno frequenti cambiamenti, Context va benissimo. Redux è ideale per visualizzare e stoccare tante quantità di data che hanno una frequenza di aggiornamento in pagina elevata. Context è ideale, in base alla mia esperienza, se vogliamo renderizzare e stampare semplicemente dei dati dinamici.
Ho usato un framework React (Swiper), per creare uno slider dinamico e sensibile al trascinamento, nella sezione Magazine e in quella Attività in versione mobile
Ho usato un framework React (Framer Motion) per animare alcuni piccoli dettaglie e la transizione delle pagine
This project was bootstrapped with Create React App.