ToobaJamal / Understanding-API-data-fetching-methods-in-React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

theme transition highlightTheme logoImg slideNumber showNotes title
night
slide
monokai
data:image/png;base64,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
false
false
Understanding API data-fetching methods in React - LogRocket with @johnny_reilly

Understanding API data-fetching

methods in React

LogRocket with John Reilly

talk to be delivered using VS Code Reveal extension: https://github.com/evilz/vscode-reveal 150% zoom for playground general welcome

whoami ❤️🌻

Engineer @ Investec

Blogging and open-source software

Hi everyone,

My name is John Reilly and I'm a big fan of TypeScript.

I'm an early adopter, I started using it right back when 0.8 was initially announced. I love static typing.

definitely typed / ts-loader / docusaurus


What will we cover?

  • fetch + useEffect
  • TanStack Query / React Query
  • Zod
how do you actually fetch? how about loading states? how about error states? you should use react-query. also zod.

About