Skip to content

Latest commit

 

History

History
89 lines (60 loc) · 2.13 KB

File metadata and controls

89 lines (60 loc) · 2.13 KB

Titre de la compétence

❌ A travailler

✔️ Auto validation par l'étudiant

👌 Validation par le formateur

🎓 J'ai compris et je peux expliquer

  • l'état (state) pour contrôler l'affichage d'un composant ✔️
  • les composants enfants et les props qu'on leur passe ✔️
  • le déclenchement d'instructions en fonction des actions de l'utilisateur ✔️
  • le déclenchement d'instructions en fonction de l'étape du cycle de vie du composant ou du changement de valeur de ses props ✔️
  • l'usage d'un reducer (useReducer) pour gérer un état composé dans un composant
  • l'état stocké dans un composant avec un context provider et accessible dans ses descendants via useContext

💻 J'utilise

Un exemple personnel commenté ❌ / ✔️

  const [filtersQueryStr, setFiltersQueryStr] = useState('');
  useEffect(() => {
    const restaurantFilters = {
      moments: q1,
      specialties: q2,
      ambiances: q3,
      date: q4,
      districts: q5,
      dietSpecificities: q6,
      budget: q7,
      accesses: q8
    };

    if (q4) {
      const date = new Date(q4);
      restaurantFilters.date = date.getDay();
    }

    const updateQuery = async filters => {
      await setFiltersQueryStr(formatQueryStr(filters));
    };
    updateQuery(restaurantFilters);
  }, [q1, q2, q3, q4, q5, q6, q7, q8]);
  
  //un petit hook pour gérer les reponses du quizz qui sont sur des pages différentes

Utilisation dans un projet ❌ / ✔️

lien github

Description :

Utilisation en production si applicable ✔️

lien du projet

Description :

Utilisation en environement professionnel ✔️

Description :

🌐 J'utilise des ressources

Titre

🚧 Je franchis les obstacles

Point de blocage ❌ / ✔️

Description:

Plan d'action : (à valider par le formateur)

  • action 1 ❌ / ✔️
  • action 2 ❌ / ✔️
  • ...

Résolution :

📽️ J'en fais la démonstration