Forem: Nguyen

My react-query clone implementation for dependant API fetching custom hooks

Nguyen — Fri, 15 Apr 2022 04:24:17 +0000

In my current working on React manga website using MangaDEX API, I want to put down some notes

My custom hook for getting a manga detail

function useMangaDetail(mangaId, { enable = true } = {}) {
  const [manga, setManga] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    // if false then will not excute
    if (!enable) {
      return; // end it
    }

    (async () => {
      try {
        setLoading(true);
        const result = await mangaApi.get(mangaId);
        setManga(result.data);
      } catch (error) {
        console.log('Failed to fetch manga id=', mangaId, error);
      }

      setLoading(false);
    })();
  }, [mangaId, depEnable]);

  return { manga, loading };
}

In the chapter reading page, we need to get manga info depended on the mangaId fetch from chapter detail data

function ChapterReadPage() {
  const { chapterId } = useParams();
  const { chapter, mangaId: mangaIdOfChapter } = useChapterDetail(chapterId);

  const { manga } = useMangaDetail(mangaIdOfChapter, { enable: !!mangaIdOfChapter });
  const mangaEnTitle = manga?.attributes?.title?.en;

  return (
     ...
  );
}

Answer: Aborting a stash pop in Git

Nguyen — Wed, 21 Jul 2021 09:46:11 +0000

Feb 28 '20

523

Simple one liner

I have always used

git reset --merge

I can't remember it ever failing.

Note: git reset --merge will discard any staged changes

Open Full Answer

Connecting Heroku App to Atlas MongoDB Cloud service

Nguyen — Mon, 18 Jan 2021 16:00:57 +0000

Feb 10 '17 Comments: 1 Answers: 6

To antecipate the question: do I need to get SSL support on Heroku in order to establish a connection between Heroku and Atlas MongoDB Cloud using SSL? (TSL/SSL connection is a requirement to access Atlas MongoDB Cloud service).

I am trying to connect my Heroku App, written in node.js, to…

Open Full Question