FarooqAR

Tribute to Stephen Hawking

FreeCodeCamp.com Challenge: Build a Tribute Page

A Pen by Farooq on CodePen.

License.

FarooqAR

struct Message {
    nsString mEventName;
    nsString mLastEventID;
    nsString mData;
  };

void EventSourceEventService::EventSourceMessageReceived(
    uint64_t aInnerWindowID,
    uint64_t aHttpChannelId,
    const nsACString& aEventName,

FarooqAR

Three problems with this code:

1. SuspensefulUserProfile is not correctly utilizing the Suspense. We need to fetch data as we render, instead of first rendering and then fetching (through useEffect).
2. UserProfile component should be responsible for fetching the data instead of SuspensefulUserProfile.
3. There is no fallback component. This will lead to a poor user experience.

Corrected:

import { Suspense, useState, useEffect } from 'react';