Guillaume DAVID GuillaumeDaviid

## gist:ede74267f9699380985a691da02934d1
<div class="container">
  <div class="red">rouge</div>
  <div class="green">vert</div>
  <div class="yellow">jaune</div>
  <div class="black">noir</div>
  <div class="orange">orange</div>
  <div class="white">blanc</div>
</div>

## gist:db41ff864877152984e73f7d7dea7a5d
.container{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

## gist:322a981b398adf04eccb694cc2033724
.container{
  display: grid;
  grid-template-columns: 100px 100px;
}

## gist:460fdb963dbf4431f895a7a73b8088c5
.green {
  background-color: green;
  grid-column-start: 1;
}

## gist:d765921408a65bce35dce58ace67bb1e
.green {
  background-color: green;
  grid-column: 1;
  grid-row: 1;
}

## gist:f1864897fb4a34964f12a0d2caa02911
useEffect(() => {
const timer = window.setInterval(() => {
setState(n => n + 1), 1000)
return function () {
clearInterval(timer)
}
}, [])

## gist:da85da7fee4a02c25ee62a103810a51a
import { createContext } from 'react'

export const YourContext = createContext();
export const YourProvider = ({children})  => {
// traitement de vos data
return (
<YourProvider.Provider value = {{value}}>
{children}
</YourProvider.Provider>
)}

## gist:9c8dbc705e1a75b43549095f48a9e9cb
<YourProvider>
<Header />
<Home />
<Footer />
</YourProvider>

## gist:a6314596d2e3dc5998dd636d48f1fdc9
Export fonction useMyHook(param) {
// traitement
}

## gist:7fc55a97fce49d73e4bac34ddb133018
class Exemple extends React.Component {
  render() {
    return <h1>Hello World</h1>;
  }
}
	<div class="container">
	<div class="red">rouge</div>
	<div class="green">vert</div>
	<div class="yellow">jaune</div>
	<div class="black">noir</div>
	<div class="orange">orange</div>
	<div class="white">blanc</div>
	</div>
	.container{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	}
	.container{
	display: grid;
	grid-template-columns: 100px 100px;
	}
	.green {
	background-color: green;
	grid-column: 1;
	grid-row: 1;
	}
	useEffect(() => {
	const timer = window.setInterval(() => {
	setState(n => n + 1), 1000)
	return function () {
	clearInterval(timer)
	}
	}, [])
	import { createContext } from 'react'

	export const YourContext = createContext();
	export const YourProvider = ({children}) => {
	// traitement de vos data
	return (
	<YourProvider.Provider value = {{value}}>
	{children}
	</YourProvider.Provider>
	)}
	class Exemple extends React.Component {
	render() {
	return <h1>Hello World</h1>;
	}
	}