martin/nci
1
0
Fork 0
mirror of https://gitlab.silvrtree.co.uk/martind2000/nci.git synced 2025-02-10 17:39:15 +00:00
Code Issues Projects Releases Wiki Activity

use separate row component with shouldUpdate

Browse Source
This commit is contained in:
Vladimir Polyakov 2015-11-29 13:13:36 +03:00
parent 548ddcd0fa
commit e9a1be2e6d
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/js/app/components/terminal/row.jade Normal file
View File

@ -0,0 +1,4 @@
.code-line
span.code-line_counter
.code-line_body!= this.props.row

4
static/js/app/components/terminal/terminal.jade
View File

@ -1,8 +1,6 @@
.terminal
pre.terminal_code(ref="code")
each row, index in this.state.data
.code-line(key=index)
span.code-line_counter
.code-line_body!= row
Row(row=row, key=index)
.terminal_footer(style={height: '30px'})

16
static/js/app/components/terminal/terminal.js
View File

@ -6,8 +6,20 @@ define([
'reflux',
'app/stores/terminal',
'ansi_up',
'templates/app/components/terminal/terminal'
], function(_, React, Reflux, terminalStore, ansiUp, template) {
'templates/app/components/terminal/terminal',
'templates/app/components/terminal/row'
], function(_, React, Reflux, terminalStore, ansiUp, template, rowTemplate) {
var TerminalRow = React.createClass({
render: rowTemplate,
shouldComponentUpdate: function(nextProps) {
return nextProps.row !== this.props.row;
}
});
template = template.locals({
Row: TerminalRow
});
var Component = React.createClass({
mixins: [Reflux.ListenerMixin],
shouldScrollBottom: true,