Главная
Study mode:
on
1
Intro
2
Tutorial Setup
3
Changing the default state
4
View the new state in React Dev Tools
5
Displaying list items with map
6
Lists of elements need keys
7
Previewing the React list
8
Adding the react-icons package
9
Applying CSS styles to the React list
10
Why we don't see a checkmark when we click
11
Adding an onChange listener
12
The handleCheck function
13
View the new component state in React Dev Tools
14
Saving state to localStorage
15
Adding an onDoubleClick listener
16
Adding conditional CSS styling
17
Adding an onClick listener
18
The handleDelete function
19
Adding an empty list message
20
When will we load state from localStorage?
Description:
Learn how to work with lists and keys in React JS in this comprehensive tutorial. Discover the importance of assigning unique keys to list elements and generate dynamic lists within JSX. Explore topics such as changing default state, using the map() function to display list items, adding react-icons, applying CSS styles, and implementing event listeners for user interactions. Master techniques for handling state changes, saving to localStorage, and adding conditional styling. By the end of this tutorial, you'll be able to create, manipulate, and style dynamic lists in React, enhancing your ability to build interactive user interfaces.

React JS Lists and Keys - Learn ReactJS

Dave Gray
Add to list
0:00 / 0:00