---
title: "Discussion on \"How to track page visibility in React using render props\" | Hashnode"
description: "Discussion on \"How to track page visibility in React using render props\". By Soumyajit Pathak\nIn this article, we will create a simple reusable React component that tracks “Page Visibility State.”\nWhen creating a web application you may come across situations where you need to track the current visibility state of the app...."
url: "https://hashnode.com/posts/how-to-track-page-visibility-in-react-using-render-props-b895537d62f7/66c35523c7095d76345eaf66"
---

[Feed](https://hashnode.com/feed) /

Discussion

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

Sep 5, 2018 · 6 min read · freecodecamp.org  
Read the article

-   [#javascript](https://hashnode.com/tag/javascript)
-   [#react](https://hashnode.com/tag/react)
-   [#render-props](https://hashnode.com/tag/render-props)
-   [#technology](https://hashnode.com/tag/technology)
-   [#web-development](https://hashnode.com/tag/web-development)

## Written by

[freeCodeCamp](https://hashnode.com/@freeCodeCamp)

@freeCodeCamp · Just here on Earth... for now

  
[View profile](https://hashnode.com/@freeCodeCamp)

Learn to code. Build projects. Earn certifications—All for free.

Learn to code. Build projects. Earn certifications—All for free.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.