background icons
background icons 2

Video Belajar

Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Dave Gray.

Dave Gray

30502

Learn React Hooks with Typescript

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Learn React Hooks with Typescript in the React + TS beginners tutorial. Do you already know React and are learning Typescript? This tutorial will help you learn how to use React hooks with Typescript.

πŸš€ Become a full-stack web dev with Zero To Mastery Courses:
- The Complete Web Developer: https://bit.ly/WebDevMaster
- Master the Coding Interview: https://bit.ly/FAANGInterview
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

πŸ“¬ Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh

β˜• Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

πŸ‘‡ Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

πŸ”— All Resources for this Typescript Course: https://github.com/gitdagray/typescript-course

πŸ”— Playlist for this Typescript Course: http://bit.ly/3GcNJ78

Learn React Hooks with Typescript

(00:00) Intro
(00:09) Welcome
(00:31) Quick Start
(00:50) useState
(04:23) useEffect
(07:04) useCallback
(12:22) useMemo
(16:27) useRef
(19:56) Running the app & review

πŸ“š Suggested Pre-requisites for this Typescript course:
πŸ”—JavaScript for Beginners full course: https://youtu.be/EfAl9bwzVZk

πŸ“š React Hooks tutorials:
πŸ”— useState: https://youtu.be/yvTGXH7uybA
πŸ”— useEffect: https://youtu.be/j3vk0FW71DM
πŸ”— useCallback: https://youtu.be/FB_kOSHk1DM
πŸ”— useMemo: https://youtu.be/oR8gUi1LfWY
πŸ”— useRef: https://youtu.be/s6UAuFzL308

πŸ“š Tutorial References:
πŸ”— TypeScript + React Cheatsheet: https://github.com/typescript-cheatsheets/react
πŸ”— React Official Website: https://reactjs.org/
πŸ”— Typescript Official Website: https://www.typescriptlang.org/
πŸ”— Anders Hejlsberg, Creator of Typescript and C# Interview: https://dev.to/destrodevshow/typescript-and-c-both-created-by-the-same-person-named-anders-hejlsberg-42g4
πŸ”— Stackoverflow Survey Results: https://survey.stackoverflow.co/2022/#technology-most-popular-technologies
πŸ”— MDN - Static Typing: https://developer.mozilla.org/en-US/docs/Glossary/Static_typing
πŸ”— MDN - Dynamic Typing: https://developer.mozilla.org/en-US/docs/Glossary/Dynamic_typing
πŸ”— MDN - Type Coercion: https://developer.mozilla.org/en-US/docs/Glossary/Type_coercion
πŸ”— TS Type Assertions: https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#type-assertions

βš™ Web Dev Tools:
πŸ”— Vite: https://vitejs.dev/
πŸ”— Chrome Browser: https://www.google.com/chrome/
πŸ”— Visual Studio Code (VS Code): https://code.visualstudio.com/
πŸ”— Node.js & npm: https://nodejs.org/
πŸ”— Live Server VS Code Extension: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Was this React Hooks + Typescript tutorial helpful? If so, please share. Let me know your thoughts in the comments.

#react #hooks #typescript