Create Pokemon Codex with React and Hooks in 2021 - Tutorial

Coding With Siphiwo
Coding With Siphiwo
44 هزار بار بازدید - 4 سال پیش - Pokemon React App is better
Pokemon React App is better then building todos in #reactjs. Today we will creating a simple Pokemon application using React latest features. We will create this application using Functional Components and really grasp the concept of using hooks like useEffect Hook and the useState Hook in React. This means that we will be stepping away from the traditional classes in Reactjs. By the end of this video, you will fully understand how to use external API's and how to load them on load using the useEffect hook.


💡 INSPIRATION
Florin Pop - link: PokeDex - JavaScript Tutorial - Day 19


🔗 RESOURCES
Github Repo - link: https://github.com/Siphiwo/react-poke...


⏰ TIMELINE
00:55 Intro - Quick overview of the application
02:20 Cleanup - Removal of default files and code
04:38 Bare bone Structure - Simple JSX structure with classes
09:25 First Result - Call to PokeAPI returns array of results
16:26 Pokemon Stats Recieved - New array created with each pokemons stats
19:43 Functional Component Created - New component added to display pokemon stats
23:48 Add Background Color to Cards - Create style variable to link with pokemon type for gb-color
26:03 Amazing Codex Found - Overview of amazing codex found link: https://kitharvey.github.io/poke-deck...


👀 LOOK ME UP ON SOCIAL
YouTube Channel: siphiwojulayi
Twitter: Twitter: sjulayi
Instragram: Instagram: s_julayi
4 سال پیش در تاریخ 1399/11/02 منتشر شده است.
44,032 بـار بازدید شده
... بیشتر