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
16 April 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
19 April 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...
24 April 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.
26 April 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
29 April 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
6 May 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
7 May 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
3 June 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
4 June 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
5 June 2022