Weather app live on GitHub

I have created a React app “Weather App“, which allows user to chat with AI. It is a part if the udemy.com course: “React JS: Build 6 Real-World React Apps with AI Integration.”

There are some differences compared to the original program.

1. Replacing useEffect by useMemo Hook

Unlike the call of the UseEffect hook, the UseMemo hook does not cause the page to re-render. It is simply a matter of replacing the keyword useEffect by useMemo

2. Formatting date using built-in JS functions

The date format of the app is: Fri, 21 Aug. In the original program, the date is formatted using a list of days of the week and a list of month names:

const daysOfWeek = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']

const months = [
    'Jan',
  ...
    'Dec',
  ]
const dayOfWeek = daysOfWeek[currentDate.getDay()]
const month = months[currentDate.getMonth()]
const dayOfMonth = currentDate.getDate()

const formattedDate = `${dayOfWeek}, ${dayOfMonth} ${month}`

3. Translating to Slovak

The app is in Slovak…

Tags

Related Posts