Home > References > Web Development

References - Reactjs references

Discuss Reactjs best practices and quick tips and tricks. Each topic covers solutions for potential development challenges in Reactjs projects.
How to pass children as props in Reactjs

How to pass children as props in Reactjs

JSX component body tags can be passed to the component as children props
April 16, 2022
Passing props from Reactjs child to parent components

Passing props from Reactjs child to parent components

Using parent function references to receive data from child components
April 19, 2022
5 Ways to submit a form in Reactjs

5 Ways to submit a form in Reactjs

This article discusses five ways to submit a form in Reactjs. Each method prepares an Html form data object for submission. We use different ways to maintain the form data using st...
April 24, 2022
Reactjs form validation with useReducer hook

Reactjs form validation with useReducer hook

useReducer hook can be used to handle complex state management scenarios. Using regular state management becomes cumbersome when part of the state depends on other state values.
April 26, 2022
forwardRef and useImperativeHandle to access child components

forwardRef and useImperativeHandle to access child components

How to use forwardRef and useImperativeHandle to access child components and override default dom event handlers
April 29, 2022
Building a modal with Reactjs portal

Building a modal with Reactjs portal

This article explains how to display a modal dialog using Reactjs portals
August 23, 2022
Avoid unnecessary re renders with React memo and useCallback

Avoid unnecessary re renders with React memo and useCallback

Component re-rendering is expensive and can affect performance. This article explains simple methods to avoid unnecessary component re-renders
May 7, 2022
Call child method from parent in Reactjs

Call child method from parent in Reactjs

A Child component method can call the parent component method using React Refs
June 3, 2022
How to Programmatically navigate using React router

How to Programmatically navigate using React router

This article explains how to navigate the React router programmatically with examples in react-router-dom v5 and v6
June 4, 2022
React useState set method does not reflect the change immediately

React useState set method does not reflect the change immediately

This article explains the reason React useState set method does not reflect the change immediately
June 5, 2022