React JS + Tailwind CSS Crash Course 2021 - Coding Pokemon Cards w/ the PokeAPI (Code Review #2)
Suboptimal Engineer
I'm Suboptimal (a software engineer), and in this video, I perform a "code review" of my randomized Pokemon card generator. This code review is meant act as a crash course for developers who already have some familiarity with React JS and want to learn the basics of Tailwind CSS. Full disclaimer, this is my second project with React JS and my first time using Tailwind CSS so feel free to roast me down in the comments section below!
== [ Links ] == PokeAPI: https://pokeapi.co/ Pokemon Card Code: https://github.com/SuboptimalEng/CodeReviews Tailwind + React Setup: https://tailwindcss.com/docs/guides/create-react-app Code Review # 1 - React JS Piano: https://www.youtube.com/watch?v=kMf1XWVY2cA
== [ Socials ] == Twitter: https://twitter.com/SuboptimalEng GitHub: https://github.com/SuboptimalEng YouTube: https://youtube.com/SuboptimalEng
== [ Timestamps ] == 00:00 Demo 00:49 Overview 02:19 Setup: React + Tailwind 03:05 Setup: Tailwind Basics 04:04 Setup: Tech Architecture 05:10 Setup: PokemonCard.jsx 05:43 Quick Recap Part 1 05:56 PokeAPI: What Data to Collect? 06:49 PokeAPI: Overview/Setup 07:43 PokeAPI: Fetch w/ Axios 08:27 PokeAPI: Data Discussion 09:00 PokeAPI: Generate Random Moves 09:47 PokeAPI: Fetch Move Data 10:30 PokeAPI: Create Component State 11:26 PokeAPI: Render Base Card 12:33 PokeAPI: Randomize Button 13:02 PokeAPI: Loading UI 13:45 Quick Recap Part 2 14:03 Tailwind CSS UI: Randomize Button 15:30 Tailwind CSS UI: Pokemon Card & Title 16:30 Tailwind CSS UI: Pokemon Sprite 18:35 Tailwind CSS UI: Pokemon Types 19:14 Tailwind CSS UI: Pokemon Moves 20:34 Final Recap 21:09 Fin
== [ Tags ] == #suboptimal #codereview #webdev
699436413 Bytes