--- title: "#render-props articles | Hashnode" description: "Explore 9 articles tagged #render-props on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/render-props" --- Tag # #render-props 9 posts · 0 followers [Yusuf Uysal](https://hashnode.com/@yusufuysal) · [Oct 14, 2024](https://hashnode.com/posts/react-interview-questions-part-8-higher-order-components-hocs-render-props/670d6130590f9d14a50d8ccd) ### [React Interview Questions (Part 8): Higher-Order Components (HOCs) & Render Props](https://yusufuysal.hashnode.dev/react-interview-questions-part-8-higher-order-components-hocs-render-props?utm_source=hashnode&utm_medium=feed) Explore React's higher-order components and render props, their use cases, limitations, and why hooks are preferred for modern React development 4 min read · [yusufuysal.hashnode.dev](https://yusufuysal.hashnode.dev/react-interview-questions-part-8-higher-order-components-hocs-render-props?utm_source=hashnode&utm_medium=feed) [Akash Thoriya](https://hashnode.com/@akashthoriya) · [Jan 27, 2024](https://hashnode.com/posts/render-props-in-react/65b4c2f09309a58ddf1a9fff) ### [Render Props in React](https://akashthoriya.hashnode.dev/render-props-in-react?utm_source=hashnode&utm_medium=feed) Expert-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... 2 min read · [akashthoriya.hashnode.dev](https://akashthoriya.hashnode.dev/render-props-in-react?utm_source=hashnode&utm_medium=feed) [Kshitiz Kumar](https://hashnode.com/@devorizon) · [Jan 16, 2024](https://hashnode.com/posts/a-promise-i-made-to-myself-7-years-ago/65a60c2caf214572a370e9e7) ### [A promise I made to myself 7 years ago.](https://devorizon.hashnode.dev/a-promise-i-made-to-myself-7-years-ago?utm_source=hashnode&utm_medium=feed) OTP Render Prop Component in React 8 min read · [devorizon.hashnode.dev](https://devorizon.hashnode.dev/a-promise-i-made-to-myself-7-years-ago?utm_source=hashnode&utm_medium=feed) [Shivam Jha](https://hashnode.com/@ShivamJha24) · [Oct 22, 2023](https://hashnode.com/posts/how-to-use-render-props-in-reactjs/6534dadb1ff741e8ee677c0a) ### [How to use render props in ReactJS.](https://techtaleswithshivam.hashnode.dev/how-to-use-render-props-in-reactjs?utm_source=hashnode&utm_medium=feed) 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... 5 min read · [techtaleswithshivam.hashnode.dev](https://techtaleswithshivam.hashnode.dev/how-to-use-render-props-in-reactjs?utm_source=hashnode&utm_medium=feed) [Smart Shock](https://hashnode.com/@Ps142857) · [Apr 5, 2023](https://hashnode.com/posts/understanding-render-props-in-react-simple-example-with-code/642d4c8458ead7b6a8351c25) ### [Understanding Render Props in React | Simple Example with Code](https://smartshock.hashnode.dev/understanding-render-props-in-react-simple-example-with-code?utm_source=hashnode&utm_medium=feed) Learn about Render Props, a powerful design pattern in React that allows for reusable and composable components. 3 min read · [smartshock.hashnode.dev](https://smartshock.hashnode.dev/understanding-render-props-in-react-simple-example-with-code?utm_source=hashnode&utm_medium=feed) [freeCodeCamp](https://hashnode.com/@freeCodeCamp) · [Jun 2, 2020](https://hashnode.com/posts/re-render-react-component-when-its-props-changes/66c35d4f56d1719c395f31a2) ### [Re-Render React Component When Its Props Changes](https://freecodecamp.org/news/re-render-react-component-when-its-props-changes?utm_source=hashnode&utm_medium=feed) Imagine 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... 2 min read · [freecodecamp.org](https://freecodecamp.org/news/re-render-react-component-when-its-props-changes?utm_source=hashnode&utm_medium=feed) [freeCodeCamp](https://hashnode.com/@freeCodeCamp) · [Sep 5, 2018](https://hashnode.com/posts/how-to-track-page-visibility-in-react-using-render-props-b895537d62f7/66c35523c7095d76345eaf66) ### [How to track page visibility in React using render props](https://freecodecamp.org/news/how-to-track-page-visibility-in-react-using-render-props-b895537d62f7?utm_source=hashnode&utm_medium=feed) By 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.... 6 min read · [freecodecamp.org](https://freecodecamp.org/news/how-to-track-page-visibility-in-react-using-render-props-b895537d62f7?utm_source=hashnode&utm_medium=feed)