scrimba
Advanced concepts
What you'll build and learn
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

What you'll build and learn
AboutCommentsNotes
What you'll build and learn
Expand for more info
index.js
run
preview
console
/*

You'll learn:
- State
- Event handlers
- Controlled components
- Inverse data flow
- Using API's

Component structure:
--App
-----Search
-----Results
-------ResultItem

*/

class Main extends React.Component {
render() {
const imgStyle = { width: '600px' };
return (
<img
style={imgStyle}
src="http://i.imgur.com/uBezMES.png" />
);
}
}

ReactDOM.render(<Main />, document.getElementById('root'));
Console
Preview
656×540 (100%)
index.html
-3:49