Skip to content

Ron Swanson Quotes FCC

Sa FCC sam krenuo još davne 2016 na početku svoje programatorske karijere. Iako sam relativno brzo završio prva tri kursa, za front end development nikada nisam uzeo diplomu. Za FE diplomu potrebno je uraditi 5 projekata:

  • Random Quote Machine
  • Drum Machine
  • Markdown preview
  • Javascript kalkulator
  • 25+ 5 clock

Prvi i najalakši projekat je “random quoting machine” , prost programcic koji izbaca nasumični citat. Drugi polaznici se uglavnom odlučuju za filozofe ili pisce ali ja sam izabrao Rona Swansona, karatera iz serije “parks and recreations”. Seriju toplo poreporučujem a sada da se bacim na aplikaciju.

Aplikacija je pisana u react.js i sastavljena je samo od jedne funkcionalne react koponente, simbolicno nazvanu <App/>

Komponenta sadrži dva stanja, quote, koje čuva citat i image koje čuva proizvoljnu sliku Rona Swansona.

Unutar useEfffect Hooka stoji prosta funkcija getQuote koja poziva API i vraca random citat i sliku. Za ovaj poziv koristi fetch api.

function GetQuote(){        fetch("https://ron-swanson-quotes.herokuapp.com/v2/quotes", {       }).then((response) => response.json())         .then((data) => setQuote(data[0])) // sets new state with current random quote.         .then(setImage(Swanson[Math.floor(Math.random() * Swanson.length)])) // Sets random iamge from array of images on line 1    }
React.useEffect(()=>{ // use effects hook, trigers function inside when componenet renders
     GetQuote()
     }, [])

Published inJavascriptReact

Be First to Comment

Оставите одговор

Ваша адреса е-поште неће бити објављена. Неопходна поља су означена *

sr_RSSerbian