KonishiLee's Blog

About React-Native

背景

继了解了 React 之后,对 React-Native 的期待变得更多,同时也发现了作为一名前端工程师是一个多么有前途的工作(入坑开始…),Node.js 的出现让前端的工程师看到了霸凌服务端的希望,现在出现了 React-Native ,那岂不是连 IOS ,Android 两名小妞也要抱我们的大腿了?😏 So, 这是一件多么让人期待的事!

例子

用 React 书写一个 Component 很优雅

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
class Timer extends React.Component {
constructor(props) {
super(props);
this.state = {secondsElapsed: 0};
}
tick() {
this.setState((prevState) => ({
secondsElapsed: prevState.secondsElapsed + 1
}));
}
componentDidMount() {
this.interval = setInterval(() => this.tick(), 1000);
}
componentWillUnmount() {
clearInterval(this.interval);
}
render() {
return (
<div>Seconds Elapsed: {this.state.secondsElapsed}</div>
);
}
}
ReactDOM.render(<Timer />, mountNode);

感想

做了一个 Demo ,感觉很赞,但是没时间搞了,所以一直搁浅。不过前端的路很长,Keep walking!

android avd
emulator @konishilee
react-native run-android

如果喜欢这个分享,就帮忙买杯咖啡吧