Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
nitin42 committed Dec 22, 2017
2 parents 695c37d + 5f31867 commit 2597c89
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,8 @@

* [Contributing](#contributing)

* [Closure](#closure)

* [License](#license)


Expand Down Expand Up @@ -132,6 +134,12 @@ Given below are the different phases for which React measures the performance:

* **Commit lifecycle** - When the first pass was completed while committing the host effects, the work in progress tree became the current tree. So work in progress is current during **componentDidMount/update**. In this phase, all the lifecycles and ref callbacks are committed. **Committing lifecycles happen as a separate pass so that all the placements, updates and deletions in the entire tree have already been invoked**.

## Closure

This extension provides the performance measurements for the React components and supports only React 16 at the moment. However, you can profile your React components using Chrome devtools and reason about the performance by inspecting the user timeline. Also, you can see that the tool is very minimal. I've plans to extend this project further but I'm anticipating that React may provide an API for measuring the performance (which could ease the process) and also enable async rendering.

You can read more about optimizing performance and profiling React components at React's [official documentation](https://reactjs.org/docs/optimizing-performance.html#profiling-components-with-the-chrome-performance-tab).

## Contributing

[Read the contributing guide](./CONTRIBUTING.md)
Expand Down

0 comments on commit 2597c89

Please sign in to comment.