About

Tuesday, January 24, 2023

ReactJS Tutorial - 18 - Lists and Keys


 

A “key” is a special string attribute you need to include when creating lists of elements. Keys give the elements a stable identity. Keys help React identify which items have changed, are added, or are removed. This results in a much more efficient update of the user interface.

ReactJS Tutorial - 17 - List Rendering


 

When you build web applications, a common scenario is to display a list of items. For example, a list of names, a list of products, a list of courses and so on. So what we want to is to repeat some HTML for each item in the list. In this video, lets take a look at list rendering in React.

ReactJS Tutorial - 16 - Conditional Rendering


 

When you are building React applications, you may often need to show or hide some HTML based on a certain condition. Luckily, conditional rendering in React works the same way conditions work in JavaScript. We have 4 different approaches and we will take a detailed look at all of them. We have if/else, element variables, ternary conditional operator and short circuit operator (&&).

ReactJS Tutorial - 15 - Methods as props


 

In this video, we take a look at passing methods as props in React components

ReactJS Tutorial - 14 - Binding Event Handlers


 

In this video, lets learn how to bind event handlers in React components.

ReactJS Tutorial - 13 - Event Handling


 

Any web application you create typically tends to have user interaction. When the user interacts with your app, events are fired. For example, mouse clicks, mouse over, key press, change event and so on. The application must handle such events and execute the necessary code. In this video, lets see how to handle events in React.

Twitter Delicious Facebook Digg Stumbleupon Favorites More