react tutorials code example
Example 1: react tutorial for beginners
import React from 'react';
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
data: 'Initial data...'
}
this.updateState = this.updateState.bind(this);
};
updateState() {
this.setState({data: 'Data updated...'})
}
render() {
return (
<div>
<button onClick = {this.updateState}>CLICK</button>
<h4>{this.state.data}</h4>
</div>
);
}
}
export default App;
Example 2: react tutorial
class Board extends React.Component {
constructor(props) { super(props); this.state = { squares: Array(9).fill(null), }; }
renderSquare(i) {
return <Square value={i} />;
}
Example 3: react tutorial for beginners
class Board extends React.Component {
constructor(props) {
super(props);
this.state = {
squares: Array(9).fill(null),
};
}
renderSquare(i) {
return <Square value={i} />;
}
}
Example 4: react tutorial
renderSquare(i) {
return <Square value={i} />;
}
Example 5: React js tutorial
npx create-react-app my-app
cd my-app
cd src
rm -f *
del *
cd ..
Example 6: react tutorial
As far as I can tell from looking, codecademy, w3schools,
and many answers on stack overflow are all outdated.
The best option is "https://reactjs.org/"