Tim Mouskhelichvili • September 20, 2022 • 2 minutes to read
JavaScript offers many ways to iterate over an array, for example, the for loop, the map function, and the forEach function, which is the subject of this React guide. In React, the forEach function is used to iterate over [...]
Tim Mouskhelichvili • September 19, 2022 • 2 minutes to read
In HTML, the label element defines a caption for an input. We use the "for" attribute to associate a label to a form input. However, if you try to add the "for" attribute on a label when using React [...]
Tim Mouskhelichvili • September 14, 2022 • 3 minutes to read
Often when developing a React application, a developer needs to filter data. Luckily, JavaScript offers a simple way to do it. In React, the easiest way to filter data is to use the built-in JavaScript filter function. This article [...]
Tim Mouskhelichvili • September 13, 2022 • 2 minutes to read
Developers use different files to separate various code pieces when developing a React application. Those files interact by exporting and importing each other's classes, functions, and variables. This brings the question of how to export a function in React [...]
Tim Mouskhelichvili • September 12, 2022 • 2 minutes to read
When creating a React web application or library, often a developer needs to import JSON data. A typical example is having a JSON file with country names used by the React web application. Luckily, it is easy to achieve [...]
Tim Mouskhelichvili • September 7, 2022 • 3 minutes to read
The react-router package is a fantastic library that enables React applications to have different routes that users can view. It has various features; however, one of its most significant ones is its ability to manipulate the browser history inside [...]
Tim Mouskhelichvili • September 6, 2022 • 3 minutes to read
When developing a React web application, a developer often wants to center containers within the user screen. Luckily, React makes it easy to do it with the help of various CSS properties. To center a component in React, you [...]
Tim Mouskhelichvili • September 5, 2022 • 2 minutes to read
When you create a form in your React web application, often a developer wants to set focus on the first input. Think of any sign-in or sign-up form that you see on the Internet. Luckily, this is very simple [...]
Tim Mouskhelichvili • August 31, 2022 • 4 minutes to read
Sometimes, a developer may need to call a child's function from a parent component. Luckily, React provides simple methods to make this task easy. To call a child's function from a parent component in React, you can: Use a [...]
Tim Mouskhelichvili • August 30, 2022 • 4 minutes to read
Images are often the most significant elements (size-wise) to load on a website. That's why it is best only to load the images that the user sees, and when the user scrolls, progressively load the others. This brings the [...]