alincc / angular-test-table Goto Github PK
View Code? Open in Web Editor NEWTest Angular ng-repeat rendering speed of a <table/> with large dataset
Test Angular ng-repeat rendering speed of a <table/> with large dataset
When repeatedly clicking on one of the 'Records' buttons, I can see that the Angular benchmarks destroy and create the table (a user can see that the table gets empty temporarily), which in the React benchmark I cannot see this.
This leads to skewed results when measuring clicking on the buttons multiple times, as React is just doing an incremental rendering, but Angular recreates the table anew. This shows especially for the 5000 rows dataset, where the rendering time itself (without scripting time) is about 2s in Angular, but in the React example it is almost nothing.
In your react example, you're including the unminified/development version of react.
The minified version includes optimizations that drastically improves performance.
You should change the version you're including.
This makes scrolling janky compared to the other benchmarks. Moving the repeater to the <tr>
results in the same FPS count as the other examples.
See https://github.com/alincc/angular-test-table/blob/master/angular2/src/templates/test-table.html#L20
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.