diff --git a/RNTester/js/ProgressBarAndroidExample.android.js b/RNTester/js/ProgressBarAndroidExample.android.js
index 81c0a4554253..62fdd510d293 100644
--- a/RNTester/js/ProgressBarAndroidExample.android.js
+++ b/RNTester/js/ProgressBarAndroidExample.android.js
@@ -16,33 +16,31 @@ var createReactClass = require('create-react-class');
var RNTesterBlock = require('RNTesterBlock');
var RNTesterPage = require('RNTesterPage');
-var MovingBar = createReactClass({
- displayName: 'MovingBar',
- _intervalID: (null: ?IntervalID),
+class MovingBar extends React.Component<{}> {
+ displayName = 'MovingBar';
+ _intervalID = IntervalID ? IntervalID : null;
- getInitialState: function() {
- return {
- progress: 0,
- };
- },
+ state = {
+ progress: 0,
+ }
- componentDidMount: function() {
+ componentDidMount() {
this._intervalID = setInterval(() => {
var progress = (this.state.progress + 0.02) % 1;
this.setState({progress: progress});
}, 50);
- },
+ }
- componentWillUnmount: function() {
+ componentWillUnMount() {
if (this._intervalID != null) {
clearInterval(this._intervalID);
}
- },
+ }
- render: function() {
+ render() {
return ;
- },
-});
+ }
+}
class ProgressBarAndroidExample extends React.Component<{}> {
static title = '';