Guillaume DAVID GuillaumeDaviid

## gist:8fbdb406e1801a56d6cd32c45b7ea84a
function Exemple(props) {
  return <h1>Hello World</h1>;
}

## gist:bf3fb454b9b6b56d6666f9e792ef878e
function Example() {
const [count, setCount] = useState(0);
return (
<div>
<p>count: {count}</p>
<button onClick={() => setCount(count + 1)}>Click</button>
</div>
);
};

## gist:31c509a34ced7dbd3901902ae7044c70
class Example extends React.Component {
constructor(props) {
super(props);
this.state = {
count: 0
};
}
render() {
return (
<div>

## gist:dcb7d7792a5f161c4c4306c84d6ba464
class Exemple extends React.Component {
componentDidMount() {
console.log("Hello World");
}
render() {
return <h1>Hello World</h1>;
}}

## gist:d71dd2e36a504ba8d47cf43fef285c5a
function Exemple () {
useEffect(() => {
console.log("Hello World");
}, []);
return <h1>Hello World</h1>;
};

## gist:a4648d9aa560042234e7efea459844b2
<script src="https://unpkg.com/scrollreveal"></script>

## gist:a8e2e4a717f9df7e951251c7fbf2c78e
<p class='para__exemple'>
texte d'exemple ...
</p>

## gist:a19428a97887322a2d0e45300a98f61d
ScrollReveal().reveal('.para__exemple');

## gist:4121259c672762f524ccd191c21e52e2
ScrollReveal().reveal('.para__exemple', { origin: "bottom", distance: '100px' });

## gist:cc491a9de3ec7bbd80740ec074874dc8
<p>HELLO WORLD</p>
	function Example() {
	const [count, setCount] = useState(0);
	return (
	<div>
	<p>count: {count}</p>
	<button onClick={() => setCount(count + 1)}>Click</button>
	</div>
	);
	};
	class Example extends React.Component {
	constructor(props) {
	super(props);
	this.state = {
	count: 0
	};
	}
	render() {
	return (
	<div>
	class Exemple extends React.Component {
	componentDidMount() {
	console.log("Hello World");
	}
	render() {
	return <h1>Hello World</h1>;
	}}
	function Exemple () {
	useEffect(() => {
	console.log("Hello World");
	}, []);
	return <h1>Hello World</h1>;
	};