Feed
Discussions

Render Props

Render Props

#render-props

0 followers·7 articles

Render Props

#render-props·0 followers·7 articles

Render Props

Changelog

New steps component and improved accessibility on Hashnode's blog and docs product.

Nov 05, 2024·

new

Trending Articles

XBanking: A Catalyst for Financial Inclusion

Edidiong Umana·17 reads

Understanding the Go Compiler: From Source Code to Execution

Arya M. Pathak·0 reads

10 Bash scripts that every beginner DevOps engineer can use to automate workflows

Shaik Mustafa·37 reads

Top commenters this week

Writing Challenges

#2Articles1Week Challenge

Become better at technical writing; accept Hashnode's writing challenge for four weeks.

#2Articles1Week Challenge

#WomenWhoTech

Share your story, achievements, or experiences as a woman, non-binary folk in tech or as a #WomenWhoTech ally!

#WomenWhoTech

Self Starter

Publish your first article on Hashnode and become a self starter!

Self Starter

Serial Blogger

Publish an article every day for 7 days and earn a cool serial blogger badge!

Serial Blogger

Talk of the town

Write a story that drives amazing engagement on Hashnode and become the talk of the town!

Talk of the town

Word Warrior

Write an in-depth article on your Hashnode blog that's more than 2000 words and become a word warrior!

Word Warrior

Itoro Samuel

Ananya Sharma

Saanvi Kumar

Issy

José Pablo Ramírez Vargas

José Pablo Ramírez Vargas

Yusuf Uysal

yusufuysal.hashnode.dev·Oct 14, 2024

Oct 14, 2024

React Interview Questions (Part 8): Higher-Order Components (HOCs) & Render Props

1. 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...

Discuss·27 reads

React Interview Questions

Akash Thoriya

akashthoriya.hashnode.dev·Jan 27, 2024

Jan 27, 2024

Render Props in React

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...

Discuss·6 reads

ReactJS Fundamentals for Interviews

Kshitiz Kumar

blog.kshitiz.net·Jan 16, 2024

Jan 16, 2024

A 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...

A promise I made to myself 7 years ago.

Discuss·78 reads

Shivam Jha

techtaleswithshivam.hashnode.dev·Oct 22, 2023

Oct 22, 2023

How 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...

How to use render props in ReactJS.

Discuss·9 reads

Smart Shock

smartshock.hashnode.dev·Apr 05, 2023

Apr 05, 2023

Understanding Render Props in React | Simple Example with Code

In 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...

Understanding Render Props in React | Simple Example with Code

Discuss·30 reads

25 React Exercises for Practical Learning

freeCodeCamp

freecodecamp.org·Jun 02, 2020

Jun 02, 2020

Re-Render React Component When Its Props Changes

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...

Re-Render React Component When Its Props Changes

freeCodeCamp

freecodecamp.org·Sep 05, 2018

Sep 05, 2018

How to track page visibility in React using render props

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....

How to track page visibility in React using render props