Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Network Inspector - convert list view to flat list #15548

Conversation

AlanFoster
Copy link
Contributor

@AlanFoster AlanFoster commented Aug 18, 2017

ListView is marked as deprecated in the latest react-native code:

DEPRECATED - use one of the new list components, such as FlatList
or SectionList for bounded memory use, fewer bugs,
better performance, an easier to use API, and more features.

I wanted to help out by migrating Network Inspector's existing ListView component to use the new FlatList component

Test Plan

Ensured that the same functionality worked for both XHR, and WS scenarios, and compared before and after:

Before

flatlist

After

The only visual difference is the chosen row colors, and replacing the border highlight with a different background color.

flatlist

@facebook-github-bot
Copy link
Contributor

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

@facebook-github-bot
Copy link
Contributor

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

@facebook-github-bot facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Aug 18, 2017
@AlanFoster
Copy link
Contributor Author

cc @lebronJ - I think you might have some opinions on this PR :)
Would greatly appreciate a review

@facebook-github-bot
Copy link
Contributor

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

@AlanFoster
Copy link
Contributor Author

The travis test failures seem unrelated; I've rebased this against master too :)

@AlanFoster
Copy link
Contributor Author

@janicduplessis Thanks for the help shipping the flash indicators effort! :)

Would love a review on this ground work, as I'll be putting up some additional PRs to improve the developer experience for the inbuilt network tab after this :)

@AlanFoster AlanFoster force-pushed the network-overlay-convert-list-view-to-flat-list branch from a348758 to f2cdf5a Compare September 18, 2017 15:45
this._captureDetailScrollView = this._captureDetailScrollView.bind(this);
this._listViewOnLayout = this._listViewOnLayout.bind(this);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

property _renderItem Covariant property _renderItem incompatible with contravariant use in assignment of property _renderItem

@AlanFoster
Copy link
Contributor Author

Just to help with review and getting this out, I'll close this PR in favour of the combined PR which additionally has the improved scroll functionality:

#15993

@AlanFoster AlanFoster closed this Sep 18, 2017
@AlanFoster AlanFoster deleted the network-overlay-convert-list-view-to-flat-list branch September 18, 2017 21:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants