Showing 6 Result(s)

Understand the render() method and Rendering in React

Originally published on Upmostly. render() method returns component layout in JSX format. It defines what the component needs to look like. The method is also responsible for updating the DOM whenever there is a change to internal component data. Virtual DOM, rendering and re rendering in React Js React maintains its own image of what …

Bootstrap vs Vue – Comparing a CSS and JavaScript Framework

Originally published on cleancommit blog. Choosing the right tech stack is an important part of the web development process and the longevity of any website or application. There are countless frameworks and libraries available to choose from, and some are better suited to particular tasks than others. In this article, we will compare Bootstrap and Vue.js, two popular options for …

The optional chaining operator (?.) in Javascript

Originally published on Full Stack Heroes blog. Building real-world applications means working with data, often stored as objects. In real world, data is complex and nested multiple levels deep. An object has a property with a value of another object, and that object might store yet another one. To make things worse, data is often …

Scroll to Bottom Feature in React

Sometimes websites are overloaded with text, images, and other forms of content. The only way to fit all of this information on a screen is to allow scrolling. In this article, we will show you how to implement a scroll to bottom feature in React, which is useful for scrolling long lists, tables, or long …

Set conditional className value in React

Originally published on SimpleFrontEnd. React library is named after its reactive features. Changes to component’s internal state are almost immediately reflected on the screen. Data stored in the state object can influence many aspects of your web application, including its appearance. React allows you to set className values based on conditions, which look at state …

Form validation in React

Originally published on leanylabs.com. Handling user inputs is the key to building interactive web applications in React. Forms are a very common and valuable tool for collecting user information. They can be used for authentication, registration, feedback, or to collect other important information. In this article, we’ll talk about form validation – verifying user inputs …