Intermediate formation #1

- modification de la fonction de log
- ajout d'exemple d'utilisation de useContext
- modification de certains exemples pour useState et useEffect
- petite modif graphique:

Author: RVassili

src/App.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import "./App.css";
 import examplesUseState1 from "./examples/use-state-1";
 import examplesUseEffect1 from "./examples/use-effect-1";
+import examplesUseContext1 from "./examples/use-context-1";
 import examplesUseRef1 from "./examples/use-ref-1";
 import examplesHooksOrder from "./examples/hooks-order";
 import examplesMemoization from "./examples/memoization";
@@ -18,6 +19,7 @@ const App: React.FC = () => {
   let examples: IExample[] = ([] as IExample[])
     .concat(examplesUseState1)
     .concat(examplesUseEffect1)
+    .concat(examplesUseContext1)
     .concat(examplesUseRef1)
     .concat(examplesHooksOrder)
     .concat(examplesMemoization)

src/commons/ActionButton.tsx

@@ -1,24 +1,12 @@
 import React from "react";
-import { useLog } from "./ExampleBloc";
 
 export interface IProps {
   label: string;
   onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 
 const ActionButton = ({ label, onClick }: IProps) => {
-  const log = useLog();
-
-  return (
-    <button
-      onClick={e => {
-        log(`ActionButton > "${label}"`);
-        onClick(e);
-      }}
-    >
-      {label}
-    </button>
-  );
+  return <button onClick={onClick}>{label}</button>;
 };
 
 export default ActionButton;