API PROJECT IN JAVASCRIPT || Build a Memory Game with REACT JS, react hooks, FETCH, Pexels and more! скачать в хорошем качестве

API PROJECT IN JAVASCRIPT || Build a Memory Game with REACT JS, react hooks, FETCH, Pexels and more!

This Memory Game is a fun kick to the regular API project in JavaScript, using Pexels API, React JS, react js hooks (react hooks useEffect, react hooks useState and custom ones too, basically a "react hooks explained"!), Fetch and many many more. This React tutorial and API project tutorial is the first one where we need to use authorization headers in our request thus a great way to ease into more complexity from our api projects for beginners by using env variables, headers and requesting an API key. We will work with passing props, ensuring they are the right ones by using propTypes. Custom hooks are a big part of this project - working with passing and returning things from them, digging a bit more into how the reactivity works and will focus on dividing tasks to different components. If you're new here - The Ultimate API Challenge is a place where I want to "break the ice" between us and APIs, show you how you can work with different tech stack, documentation, APIs, learn to code, create cool and interesting api projects which, by the end of the video, will be ready to be included in your web development portfolio! So if you were searching for things to build, api projects ideas for beginners or just to hang out coding, - hop on this video and stay tuned for more! Subscribe and hit the notification's bell so you won't miss any episode! Chapters: 00:00:00 Intro 00:00:50 Get to know the project 00:03:50 Fetch + API docs and auth 00:14:50 Using custom hooks 00:22:14 Get parameters from user's input 00:45:47 Create the Board 00:52:25 Cards' logic and data structure 01:17:22 Game restart chain of events 01:20:42 Wrapping up Links: Challenges' website - https://theultimateapichallenge.com/ (for more api projects ideas!) Memory Game API challenge page: https://theultimateapichallenge.com/c... Starter files: https://github.com/danascript/the-ult... The Ultimate API Challenge's playlist:    • THE ULTIMATE API CHALLENGE PLAYLIST || API...   Topics: api project in javascript,api projects,api projects for beginners,api project ideas,api project tutorial,api project javascript,api project in react,api project ideas for beginners,react js,react tutorial,react hooks,react hooks tutorial,javascript tutorial,react tutorial for beginners,react hooks useeffect,react js hooks,javascript tutorial for beginners 2021,react hooks explained,react hooks usestate,react course for beginners 2021,learn to code Check out my other social accounts: Instagram:   / _danascript_   Medium:   / _danascript_   Website: https://danascript.dev #TheUltimateApiChallenge #ReactJSTutorial #WebDevelopmentPortfolio #Coding