Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mikl5/react


https://github.com/mikl5/react

ecmascript ecmascript6 expo-cli hooks javascript react react-bootstrap react-components react-hooks react-native react-redux react-router react-router-dom react-tailwindcss reactjs redux redux-store

Last synced: about 15 hours ago
JSON representation

Awesome Lists containing this project

README 

        
# Documentation React

> ### **Qu'est-ce que React**

> Cette librairie est très populaire, devenue aussi importante qu'un framework.  

  Une librairie résout une problématique alors qu'un framework est un cadre de travail complet qui généralement résout plusieurs problèmes. C'est la librairie JavaScript la plus populaire.  

> Elle sert à créer des interfaces utilisateurs avec des composants autonomes qui maintiennent leur propre état.

> React permet de créer des applications Web.

>  

> ### **Qu'est-ce qu'une application web**

> C'est un site avec beaucoup de fonctionnalités qui nous donnent l'impression d'utiliser une application mobile, car il n'y a pas beaucoup de temps de chargement entre les pages, vu que tout se charge dès le début.







1. [Javascript Syntaxe eXtension](introJSX)

2. [Infos utiles](infosUtiles)

3. [Quelques explications](02_explanations)



## **Rappel de JavaScript moderne**



4. ['Let' et 'const'](../rappel_JS_modern/01_Let_et_const "Let et Const")  

1. [Fonction classique vs fléchée](../rappel_JS_modern/02_FonctionsFléchéesFonctionsClassiques "fonction classique vs fléchée")  

1. ['Spread' et 'Rest'](../rappel_JS_modern/03_Spread_Et_Rest "'Spread' et 'Rest'")  

1. [Fonction pure](../rappel_JS_modern/04_fonctions_pures "Fonction pure")  

1. [Fonction d'ordre supérieur](../rappel_JS_modern/05_fonctions_d_ordre_superieur "Fonction d'ordre supérieur")  

2. [Fonction d'ordre supérieur et tableau](../rappel_JS_modern/06_fonctions_d_ordre_superieur_et_tableau "Fonction d'ordre supérieur")  

3. [Destructuring](../rappel_JS_modern/07_destructuring "Destructuring")  



## **Les bases de React**  



11. [Mettre en place une web app](../bases_react/01_set_up_a_web_app "Mettre en place une web app")  

8. [Explications](Docs/02_explanations "Explications")  

8. [C'est quoi JSX ?](../bases_react/03_c_est_quoi_JSX "Qu'est-ce que JSX ?")  

8. Créer un composant  

8. Découverte de '`useState`' ······> Les données d'un composant  

8. Modifier le state ······················> Modifier les données d'un composant  

8. Les 'props' ······························> Les propriétés  

8. Remonter le state  

8. Utiliser le CSS  

8. Utiliser les images  

8. Utiliser les inputs  

8. Rendu conditionnel avec 'if'  

8. Rendu conditionnel avec l'opération ternaire  

8. Rendu conditionnel avec un toggle de class et de css

8. Créer des listes



## **React dans le détail**



26. [Les 2 règles des hooks](reglesDesHooks "Les règles des hooks")

1. [Les hooks utilitaires](hooksUtilitaires)

23. Le hook '`useEffect`'  

23. Appel à une api avec '`useEffect`'  

23. Utiliser '`setInterval`'  

23. La destruction d'un composant  

23. Les 'React fragments'  

23. Le hook '`useRef`'  

23. Sélectionner un tableau d'éléments  

23. Utiliser '`addEventListener`'  

23. Ne jamais changer le '`state`' dans un tableau ou un objet avec React  

23. Comprendre '`props.children`'  

23. utiliser '`usememo`' et 'reactmemo'  

23. Compléter le tout avec '`useCallback`'  

23. Créer un hook personnalisé  

23. Créer une fenêtre modale  

23. Créer un accordéon  

23. Créer une navbar responsive  

23. [Les bases de React-router](basesReactRouter "Bases de React-router") 

23. [Les chemins dynamyques](cheminDynamyque "Chemins dynamyques")  

23. [Créer la navigation](navigation "Créer la navigation")  

23. [Utiliser les NavLinks](NavLinks "Utiliser les NavLinks")  

23. [Les routes imbriquées](routesImbriquées "Les routes imbriquées")  

23. [Les hooks utilitaires 'useParam' et 'useLocation'](routesImbriquées "Les hooks utilitaires 'useParam' et 'useLocation'")  

1. [L'API de contexte](ContextAPI)

23. [À quoi servent l'api de contexte et Redux ?](apiDeContexteVSRedux "Context API vs Redux")  

23. Mise en place de l'API de contexte  

23. Premier contexte  

23. Créer le 'Dark-light-mode'  

23. [Installer 'Redux'](Redux "Redux")  

23. Créer le store  

23. Le hook ``useSelect``  

23. Créer un 'reducer'  

23. Le 'payload' avec 'dispatch'  

23. Combiner plusieurs reducers  

23. [Qu'est-ce qu'un middleware](middleware "Middleware")  

23. [Appel asynchrone avec Redux Thunk](middlewareReduxThunk "Appel asynchrone avec Redux Thunk")