React.js–Get started in Dart #2
Jermaine
Posted on January 8, 2019
In Part 1 of this series, we built our Greeting
component that took a name parameter and rendered this onto the screen. Here's what the snippet for this looked like:
var Greeting = createReactClass({
"render": allowInteropCaptureThis(
(ReactClassInterface self) => React.createElement(
'h1', null, ['Hello, ${getProperty(self.props, "name")}']),
)
});
And we used it by doing:
void main() {
ReactDOM.render(
React.createElement(
Greeting,
makeJsObject({
'name': 'John'
}),
null,
),
querySelector('#output'),
);
}
In this part, we will refactor our solution and proceed to build out the stateful component example. Here's the video:
→ Watch on YouTube
→ Get the source code
Conclusion
I hope this was insightful and you learned something new today.
Subscribe to my YouTube channel to be notified when Part 3 is ready. Thanks!
Like, share and follow me 😍 for more content on Dart.
Further reading
💖 💪 🙅 🚩
Jermaine
Posted on January 8, 2019
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.