Render prop pattern in ReactJS
The Render Prop pattern in React is a powerful technique that allows you to share logic between components using a prop whose value is a function. This pattern enhances component reusability and flexibility by letting you inject dynamic behavior into components without modifying their structure.
I've also created a video on a similar design pattern called Compound components. Link to the video: • Compound components pattern in React
⌚Timestamps
0:00 - The problem
0:40 - The solution - Render prop pattern
5:52 - Pattern summary
6:28 - Outro
🧑💻Other playlists:
Tanstack query - • React/Tanstack Query(2024)
Push Notifications using SW - • Push Notifications using Service worker
Service worker in Javascript (2023) - • Service worker in Javascript (2023)
Javascript observers(2023) - • Javascript Observers(2023)
The Web components Playlist - • Web components 2023
The Git series(2023) - • The Git series(2023)
Multitasking in NodeJS - • Multi tasking in NodeJS
NodeJS Authentication with Passport - • NodeJS Authentication with Passport(2021)
Job scheduling in NodeJS - • Job scheduling in NodeJS
NPM Tutorial Series - • NPM Tutorial Series (2021)
Javascript(Behind the scenes) - • Javascript(Behind the scenes)
Socials
🐤 Twitter - / themangalorian
📷 Instagram - / _alt.ar_
👔 LinkedIn - / akilesh-rao-610357137
🧑💻 GitHub - https://github.com/AkileshRao
📝 Medium - / akileshrao19