Yusuf Uysalyusufuysal.hashnode.dev·Oct 14, 2024React Interview Questions (Part 8): Higher-Order Components (HOCs) & Render Props1. What is a higher-order component (HOC), and how does it work? A Higher-Order Component (HOC) is a design pattern in React where a function takes a component and returns a new component with enhanced or added functionality. HOCs are useful for shar...27 readsReact Interview QuestionsReact
Akash Thoriyaakashthoriya.hashnode.dev·Jan 27, 2024Render Props in ReactExpert-Level Explanation Render props is a technique in React for sharing code between components using a prop whose value is a function. A component with a render prop takes a function that returns a React element and calls it instead of implementin...ReactJS Fundamentals for InterviewsReact
Kshitiz Kumarblog.kshitiz.net·Jan 16, 2024A promise I made to myself 7 years ago.When I first started with React, I didn't know much about it. I learned the basics in just one week and landed an unpaid internship during college, though I can't recall where exactly. In that internship, my first task was to use an OTP Component. Bu...79 readsReact
Shivam Jhatechtaleswithshivam.hashnode.dev·Oct 22, 2023How to use render props in ReactJS.Clap for yourself! You guys have come so far in this React journey with me. Just keep learning and I ensure that I will make you a react master before this year ends. If you remember in my recent blog, I talked about Lists and Keys in ReactJS. Is you...React
Smart Shocksmartshock.hashnode.dev·Apr 5, 2023Understanding Render Props in React | Simple Example with CodeIn React, "Render Props" is a design pattern that allows a component to pass a function as a prop to its child components. This function can then be used by the child components to render their content, making it a versatile and reusable method of sh...30 reads25 React Exercises for Practical LearningReact
freeCodeCampforfreeCodeCampfreecodecamp.org·Jun 2, 2020Re-Render React Component When Its Props ChangesImagine you have a React and Redux project with two components, a parent and a child. The parent component passes some props to the child component. When the child component receives those props, it should call some Redux action which changes some of...components
freeCodeCampforfreeCodeCampfreecodecamp.org·Sep 5, 2018How to track page visibility in React using render propsBy Soumyajit Pathak In this article, we will create a simple reusable React component that tracks “Page Visibility State.” When creating a web application you may come across situations where you need to track the current visibility state of the app....JavaScript
