React useId hook: Next level React skills
In this Tutorial, you'll learn all about React useId hook. Topics covered syntax, problems with hardcoded ids, solution for hardcoded ids with useId hook, declare useId at the top, useId to improve accessibility, does useId work inside loops and conditions, similar solutions and drawbacks, why does useId start witha colon, and how to use useRef hook to select elements instead of useId hook
Full React Tutorial with Examples: https://tutjunction.com/react/start
Pinterest: / ampathumbandara
Author LinkedIn: / pathum-bandara-tutjunction
About Author: https://tutjunction.com/about/author
LIKE and SUBSCRIBE !!!!
Music: Boom Bap Flick - Quincas Moreira
timestamps -
00:00 - Intro
00:25 - Quick Preview of the useId hook
01:11 - Syntax of the useId hook
01:33 - Problem with hardcoded ids
03:06 - Solution with useId
04:04 - useId generates unique ids not random ids
04:34 - Logical grouping elements with useId hook
05:05 - Declare the useId at the top
05:27 - useId to improve the accessibility
06:04 - useId does not work inside loops and conditions ?
06:32 - Similar to useId solutions and drawbacks
07:02 - Why does the useId ids start with a colon ?
08:04 - Using useRef to select elements
08:54 - Outro