0% ont trouvé ce document utile (0 vote)
36 vues6 pages

React - Redux

Le document contient une série de questions et réponses sur React et Redux, abordant des concepts clés tels que les commandes en ligne, le cycle de vie des composants, l'immuabilité, et les reducers. Il traite également des différences entre les variables en JavaScript et des méthodes pour gérer les appels asynchrones. Enfin, il mentionne des outils et bibliothèques comme create-react-app, redux-thunk et redux-saga.

Transféré par

snaina20
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
36 vues6 pages

React - Redux

Le document contient une série de questions et réponses sur React et Redux, abordant des concepts clés tels que les commandes en ligne, le cycle de vie des composants, l'immuabilité, et les reducers. Il traite également des différences entre les variables en JavaScript et des méthodes pour gérer les appels asynchrones. Enfin, il mentionne des outils et bibliothèques comme create-react-app, redux-thunk et redux-saga.

Transféré par

snaina20
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Questions React :

En termes d’admin de ligne de commande, tu peux me citer 5 lignes de commande ?


Quand tu fais des requêtes sql ? A quoi sert explain ?
Gitflow, qu’est qu’une stratégie de branching ?
Peux-tu me citer quelque commande git ?
En deux mots, c’est quoi react ?
Quelles sont les différentes étapes du cycle de vie d’un composant ?
A quoi sert l’autobind ?
Est-ce que tu suis l’actualités de react ? Quel est la version actuelle de react ?
Tu connais les fragments ?
C’est quoi un fragment ?
Un mot pour m’expliquer redux ?
De quel dépendance NPM j’ai besoin entre react et redux ?
A quoi sert Connect ? Quel sont les paramètres de cette méthode ?
Match dispatch to prop ?
Quand tu fais du redux, qu’est-ce qu’un container ?
Qu’est-ce qu’un reducer ? Qu’est-ce que ça prend en paramètre ? Qu’est-ce que doit
retourner le reducer ?
Qu’elles sont les contraintes d’un reducer ?
L’immutabilité c’est quoi ?
En JS, qu’est-ce que destructuring ?
Connais-tu object assign ?
Tu connais creact react app ?
Comment tu gères les appels asynchrones du client vers le serveur ?
Tu connais redux Thunk ? Tu connais redux saga ?
Quel Framework UI, tu as deja utilisés ?
Différence entre scopt, let et var, const ?
Sis en js, comment ça fonctionne ?
Tu utilises this ?
Que peux-tu me dire sur les fonction fléché et this ?
C’est quoi le principe d’une promesse ?
A5 a wait ça sert à quoi ?
Sur recae un composant à un cycle de vie, peux-tu me le définir ?
Que se passe t’il quand le State est modifié ?
Quel est le problème avec le State de manière régulière ?

Questions Redux :

Que connais tu sur redux ?


Tu as lu des choses sur le pattern flux ?
Est-ce que tu connais reducer ?
Comment le créer ?
Tu connais la programmation fonctionnelle ?
Et la programmation objet ?
Tu connais le spread.
Comment tu fais un appel Ajax ?
Redux thunk ?

Questions React :

En termes d’admin de ligne de commande, tu peux me citer 5 lignes de commande ?


cd (change directory)
mkdir (make directory)
touch (create file)
clear (nettoie la console des affichages précédents)
ipconfig (avoir adresse ip de la machine)
move (déplacer des dossiers/fichiers)

Quand tu fais des requêtes sql ? A quoi sert explain ?


Demande à la BD d’expliquer ce qui va etre exécuté pour résoudre la requête

Gitflow, qu’est qu’une stratégie de branching ?


Créer des branches sur lesquelles effectuer le développement, afin d’isoler
chaque tâche et pouvoir les tester une par une, ne pas mélanger avec le dev en
cours, laisser en pause, revenir dessus ultérieurement, etc...

Peux-tu me citer quelque commande git ?


git init
git add .
git add -p
git commit -m ‘mon message de commit’
git push
git fetch
git pull

En deux mots, c’est quoi react ?


Librairie JS pour créer des composants d’affichage, chaque composant étant
créé séparément, permet une meilleure lisibilité et maintenance

Quelles sont les différentes étapes du cycle de vie d’un composant ?

Mounting
componentWillMount
render
componentDidMount
Updating
componentWillReceiveProps
shouldComponentUpdate
componentWillUpdate
render
componentDidUpdate
Unmounting
componentWillUnmount

A quoi sert l’autobind ? A refaire.

Pour ne pas avoir à utiliser ​this​ à chaque fois qu’une méthode définie dans un
composant est appelée dans une instance de ce même composant

Est-ce que tu suis l’actualités de react ? Quel est la version actuelle de react ?
Autant que possible.
React 16

Tu connais les fragments ?


<Fragment> pour ne pas afficher les <div> qui entourent un composant, et
ainsi gagner en lisibilité​.

Un mot pour m’expliquer redux ?


Redux permet de gérer l’état global d’une application. Lorsqu’une donnée est
modifiée dans un composant, seuls le(s) composant(s) ayant souscrit à ces
changements sont re-rendus et leur affichage mis à jour

De quel dépendance NPM j’ai besoin entre react et redux ?


react-redux

A quoi sert Connect ? Quel sont les paramètres de cette méthode ?


Connecte un composant au store Redux
Param 1 : mapStateToProps
Param 2 : mapDispatchToProps

Match dispatch to prop sert a quoi ?


???

Quand tu fais du redux, qu’est-ce qu’un container ?


C’est un composant qui englobe un/des composant(s) d’affichage, qui prend en
compte uniquement du fonctionnel, passe les actions aux composants enfants

Qu’est-ce qu’un reducer ?


Un reducer définit comment le store doit être changé, en réponse à des actions
envoyées au store

Qu’est-ce que ça prend en paramètre ? ​2 param, ‘state’ et ‘action’


Qu’est-ce que doit retourner le reducer ? ​Un objet (a verifier)

Qu’elles sont les contraintes d’un reducer ? ​???

L’immutabilité c’est quoi ?


Les data initiales doivent rester inchangées, afin de distinguer un état initial et un
état suite à une modification. On ne touche pas aux données, on en fait des copies

En JS, qu’est-ce que destructuring ?


Expression JS qui assigne des variables provenant d'un objet ou tableau en
reposant sur leur structure

Connais-tu object-assign ?
Méthode utilisée pour copier les valeurs de toutes les propriétés directes (non​-​héritées)
d'un objet. Cette méthode renvoie l'objet cible.

Tu connais create react app ?


Boilerplate pour créer une application React incluant des outils permettant d’avoir une
archi de projet propre et opérationnelle rapidement

Comment tu gères les appels asynchrones du client vers le serveur ?


Websockets

Tu connais redux Thunk ?

Tu connais redux saga ?

Quel Framework UI, tu as deja utilisés ?


Bootstrap

Différence entre scop , let et var, const ?


ES6: ​let​, ​const​ (remplace la variable ​var​ de l’ES5, block-scoped de l’élément qui
l’englobe au plus près
ES5: ​var, f​ unction-scoped

This en js, comment ça fonctionne ? ​??? - pas compris la question

Tu utilises this ?

Dans la plupart des cas, la valeur de ​this​ sera déterminée à partir de la façon
dont une fonction est appelée. Il n'est pas possible de lui affecter une valeur lors de
l'exécution et sa valeur peut être différente à chaque fois que la fonction est appelée. La
méthode ​bind​ a été introduite avec ECMAScript 5 pour ​définir la valeur de ​this​ pour
une fonction, indépendamment de la façon dont elle est appelée
Que peux-tu me dire sur les fonction fléché et this ?

ECMAScript 2015 (ES6) a ajouté ​les fonctions fléchées​ dans lesquelles ​this
correspond à la valeur du contexte englobant

C’est quoi le principe d’une promesse ?


L'objet ​Promise​ (pour « promesse ») est utilisé pour réaliser des traitements de
façon asynchrone. Une promesse représente une valeur qui peut être disponible
maintenant, dans le futur voire jamais

Asyncawait ça sert à quoi ? -


Fonctions asynchrones ES6, comme les Promises

Sur reacast un composant à un cycle de vie, peux-tu me le définir ?


Mounting
Updating
Unmounting

Que se passe t’il quand le State est modifié ?


Il y a un nouveau rendu d’affichage

Quel est le problème avec le State de manière régulière ?


Etat d’un state n’est pas synchro avec l’affichage

Questions Redux :

Que connais tu sur redux ?


Permet de gérer l’état d’une application

Tu as lu des choses sur le pattern flux ?


Cycle à sens unique, qui suit le schéma suivant :
action -> dispatcher -> store -> view

Est-ce que tu connais reducer ?

Comment le créer ?

Tu connais la programmation fonctionnelle ? ​Non

Et la programmation objet ?

Tu connais le spread.
La ​syntaxe de décomposition​ permet d'étendre un itérable (par exemple une
expression de tableau ou une chaîne de caractères) en lieu et place de plusieurs
arguments (pour les appels de fonctions) ou de plusieurs éléments (pour les littéraux de
tableaux) ou de paires clés-valeurs (pour les littéraux d'objets).

Comment tu fais un appel Ajax ?


Méthodes open() and send() de l’objet XMLHttpRequest

Redux thunk ? ​Middleware Redux

Est-ce que tu peux me présenter le flux de donner dans redux ?

Vous aimerez peut-être aussi