How to Call and Render API Data in React

  Рет қаралды 7,589

edutechional

edutechional

Күн бұрын

In this React JS live coding workshop, you'll learn how to:
Build a function that retrieves data from an API
Implement a JSON parsing system for extracting data from an API
Populate API data into a component's state using React hooks
Render API data onto the screen
You can access the source code here:
github.com/bot...
This coding workshop was performed for students of Bottega University:
bottega.edu/

Пікірлер: 12
@claytonpersinger9929
@claytonpersinger9929 2 жыл бұрын
It took me a day of searching to find what you explained in less than an hour. Thank you for showing exactly how to properly map over the data returned, and take only the information needed.
@ricardorien
@ricardorien 3 жыл бұрын
Video Starts at 6:40. Thanks.
@Aaron-sy5yx
@Aaron-sy5yx 2 жыл бұрын
Dude, you're a good teacher
@ignatiussani2587
@ignatiussani2587 3 жыл бұрын
This video needs more likes and views.. Nice content..
@ebonitasha
@ebonitasha 2 жыл бұрын
i really enjoyed this video. very detailed and helpful. kept my attention
@gabrielkripalani1681
@gabrielkripalani1681 2 жыл бұрын
This video was really helpful. Thanks a ton!
@jonathandavidfrancoberrocal
@jonathandavidfrancoberrocal 3 жыл бұрын
Nice video thanks for share
@mattmarkus4868
@mattmarkus4868 3 жыл бұрын
How are you doing this without typing your data? I always get errors when using "any". It would be awesome if you could type this data you're retrieving too (since you're using TS). Thanks.
@shanepeterman4083
@shanepeterman4083 2 жыл бұрын
I keep getting the error "posts.map is not a function" great video though
@tandlose
@tandlose 3 жыл бұрын
great video but maybe go with dark theme
@JeffersonCanedo
@JeffersonCanedo 3 жыл бұрын
Whish it was in python
@chintangaur2306
@chintangaur2306 3 жыл бұрын
Really nice video........but your reach is dead :(
Build a Drag and Drop Interface in an Hour with React Beautiful DND
1:03:13
Deep Dive into Website Animations with Scss
35:25
edutechional
Рет қаралды 3,4 М.
这是自救的好办法 #路飞#海贼王
00:43
路飞与唐舞桐
Рет қаралды 128 МЛН
HELP!!!
00:46
Natan por Aí
Рет қаралды 56 МЛН
Fetching Data in React - Complete Tutorial
29:10
Cosden Solutions
Рет қаралды 139 М.
Building a Dynamic Layout in React
44:37
edutechional
Рет қаралды 13 М.
Build a QR Code Generator in React + TypeScript
37:11
edutechional
Рет қаралды 8 М.
Git vs. GitHub: What's the difference?
10:06
IBM Technology
Рет қаралды 404 М.
How to Implement an Animated Sliding Pane in React JS
46:33
edutechional
Рет қаралды 8 М.
CSCC 2252 Aut2024 Lesson05V01
30:37
BentTechD8
Рет қаралды 97
Beginner React.js Coding Interview (ft. Clément Mihailescu)
36:31
Ben Awad
Рет қаралды 2,2 МЛН
Capitalize Every Word with JavaScript / TypeScript
13:09
edutechional
Рет қаралды 2,2 М.
APIs for Beginners - How to use an API (Full Course / Tutorial)
2:19:33
freeCodeCamp.org
Рет қаралды 4,4 МЛН
这是自救的好办法 #路飞#海贼王
00:43
路飞与唐舞桐
Рет қаралды 128 МЛН