Tes explications sont très claires, précises et fournies. C'est vraiment parfait pour ce que je cherchais, et en plus tu te mets à la place de l'apprenant en anticipant ses questionnements, j'apprécie vraiment tes vidéos, tu es un super pédagogue.
Merci pour ce tuto ! On peut aussi laisser : Ajouter 1 et modifier la méthode en utilisant la syntaxe des champs de classes : addOne = () => { this.setState({ count: this.state.count + 1 }) } (Syntaxe expérimentale selon la doc React, mais activée par défaut avec le Create React App ;)
Merci. Après 3 autres tutoriaux qui m'ont bien embrouillée, tu m'as permis de me recentrer sur l'essentiel. A voir et revoir chaque fois qu'on se perd au début de l'apprentissage de React JS
merci grace au fait que tu détaille chaque ligne quand tu l' ecrit même les basics import/export ça ma permis de mieux comprendre leur rôle ! supper video
j'arrivais pas a comprendre le concept de state et props mais t'a vidéo ma éclaircis sur le sujet merci à toi. je m'abonne vidéo et explication de qualité
Merci c'est top pour débuter !!! Tu as expliquer ce qu'il me fallait pour avancer un peu plus c'est cool, un ptit like pour le coup ! Continues comme ça
Vidéo très bien expliqué, rien à dire. Par contre, maintenant les développeurs utilisent plutôt les fonctions que les class pour les props et state. La logique reste la même, mais je pense qu'il faudrait que cette vidéo soit mise à jour, car elle correspondrait plus à ce qui se fait en ce moment. En tout cas, j'ai compris des choses que je n'avais pas bien assimilé jusqu'à maintenant. Donc bravo pour nous m'avoir permis de comprendre la logique.
Super tuto, merci beaucoup. La difficulté quand on débute React, c'est de comprendre le sens , la démarche a accomplir quand on veut créer des éléments. Merci ! A l'état actuel ( octobre 2018 ), il faut mettre React.Component pour la class Welcome sinon cela fera une erreur de parsing. Merci, je vais regarder si tu as fait d'autres tutos sur React.
Hello, cool ta série. Ce que je te conseille par contre c'est d'agrandir ton code afin qu'il soit plus facilement lisibile sans pour autant être collé à l'écran ^^
Merci pour cette vidéo. Dans d'autres tutos, il faut faire le bind en amont dans le code de déclaration de la classe. Est-ce qu'il y a une bonne pratique ou est-ce qu'on fait comme on veut ?
Pr l'incrementation pq ne pas le faire directement dans le onclick en faisant onclick={this.state.count++}, qlq chose comme ça n'est pas faisable en react ?
Parce que la modification dun state passe par la méthode setState() cela est important pour que react sache quoi faire et puisse donc modifier uniquement le state en question .
Helllo, j'ai du mal à démarrer le tuto, c'est vrai qu'à l'heure actuelle quand on set up react en passant par le create-react-app, dans app.js il ne s'agit pas d'une class mais d'une fonction , je suppose que la syntaxe à changé ?
super() dans le constructeur n'est pas une convention. C'est le seul moyen d'utiliser le constructeur du parent (dans l'exemple Welcome a pour parent Component) C'est le constructeur de Component qui créé la variable props, la variable state et sans doute initialiser d'autres éléments en interne. Ne pas appeler super() est équivalent à vouloir utiliser Component sans initialiser ses variables au préalable. (au passage, le constructeur de Component peut prendre jusqu'à 2 paramètres qui sont justement state et props). Si je le sais c'est parce que j'utilise react avec typescript via le paramètre de react-create-app : create-react-app my-app --scripts-version=react-scripts-ts L'utilisation de typescript avec react rajoute un peu de travail car il faut créé une interface IState et IProps pour chaque nouveau Component pour ne pas que le compilateur typescript râle mais ça offre une documentation beaucoup plus complète que ce que fourni visual studio code qui aide beaucoup qu'on débute ou non. :)
Merci pour les précisions :) concernant ce cours il s'adresse à des débutants, qui logiquement, ne connaissent pas Typescript pour la plupart et moi-même personnellement, je ne l'utilise pas dans le cadre de React ! Concernant le super(), merci de préciser ça pourra surement en intéresser plus d'un, je ne souhaitais pas m'attarder sur ce sujet et j'ai préféré vulgariser, d'où le termes, peut être mal choisit, "convention" ! merci cependant à toi d'apporter un plus à cette vidéo :)
Hello, ton tuto est simple et compréhensible. Peux-tu continuer ton tuto (avec redux, et les routeur) De plus je comprend pas pourquoi on peut faire des component sans appelé component mais une fonction (épisode 1) merci d'avance
Ce serait cool que tu zoom sur ton code. Lorsqu'on n'est pas en full screen (pour pouvoir coder a cote), c'est tres dur de lire ce que tu tapes. Sinon tres bon tuto., merci
La méthode la plus propre pour appeler une fonction dans ton déclencheur onClick est comme celle que tu as écrite en premier: onClick={() => this.addOne()}. Au moins tu es sûr qu'il n'y auras pas d'ambiguité entre le this de ta classe et de ta fonction lors de l'éxecution de render(). Le bind() devrait être utilisé pour préciser le contexte d'une fonction propre à une variable: developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Function/bind Sinon c'est un bon tuto, merci.
hum lol le `super()` a rien avoir, ces juste lorsque tu extend une class, tu doi faire appelle a `super(ars...)` pour passer les arguments a la class que tu extends. Sinon merci, je me forme pour la premier fois au frontEnd et ta video ma beaucoup aider. Et pour `render`, en fait ces just une surcharge de method. un peut comme si tu fessait `prototype.render = function render(){...}`
set = réglage ou paramètre, donc au lieu de dire le "setter" on peut le traduire par paramettrer...un simple détail mais bon c'est plus compréhensible pour ceux qui ne parle pas anglais
![React JS #4 - Créer une TODO List et Bootstrap - [FR]](http://i.ytimg.com/vi/7Smm9pfr828/mqdefault.jpg)
![React JS #4 - Créer une TODO List et Bootstrap - [FR]](/img/tr.png)
![React JS #1 - Introduction - [FR]](http://i.ytimg.com/vi/jGbhVKrrLG0/mqdefault.jpg)
Tes explications sont très claires, précises et fournies. C'est vraiment parfait pour ce que je cherchais, et en plus tu te mets à la place de l'apprenant en anticipant ses questionnements, j'apprécie vraiment tes vidéos, tu es un super pédagogue.
Merci pour ce tuto ! On peut aussi laisser :
Ajouter 1
et modifier la méthode en utilisant la syntaxe des champs de classes :
addOne = () => {
this.setState({
count: this.state.count + 1
})
}
(Syntaxe expérimentale selon la doc React, mais activée par défaut avec le Create React App ;)
Merci. Après 3 autres tutoriaux qui m'ont bien embrouillée, tu m'as permis de me recentrer sur l'essentiel. A voir et revoir chaque fois qu'on se perd au début de l'apprentissage de React JS
merci grace au fait que tu détaille chaque ligne quand tu l' ecrit même les basics import/export ça ma permis de mieux comprendre leur rôle ! supper video
cette vidéo m'a permis d'éclaircir mes bases avec react merci beaucoup à toi les explications sont clairs et précis.
Merci c’est très clair maintenant bravo pour cette vidéo de qualité
j'arrivais pas a comprendre le concept de state et props mais t'a vidéo ma éclaircis sur le sujet merci à toi. je m'abonne vidéo et explication de qualité
Merci c'est top pour débuter !!! Tu as expliquer ce qu'il me fallait pour avancer un peu plus c'est cool, un ptit like pour le coup ! Continues comme ça
Merci beaucoup, pour avoir mis en exergue ce principe pas forcement evident, dans un cas simple et pas m'as tu vu. Tout s'est eclairci pour moi.
Super série de tuto sur React, très claire et idéalement découpée. Merci !
Vidéo très bien expliqué, rien à dire. Par contre, maintenant les développeurs utilisent plutôt les fonctions que les class pour les props et state. La logique reste la même, mais je pense qu'il faudrait que cette vidéo soit mise à jour, car elle correspondrait plus à ce qui se fait en ce moment. En tout cas, j'ai compris des choses que je n'avais pas bien assimilé jusqu'à maintenant. Donc bravo pour nous m'avoir permis de comprendre la logique.
Merci beaucoup Antonin! Grâce à toi, j'ai tout compris le state et les props!👍👍👍🤗
Merci pour le tuto, tu expliques très bien !
On a capté tu t'appelais pas Jackson, mais Antoine ;)
Très bon contenu, merci bcp
je viens de commencer react et cette vidéo est très claire
merci bcp
Merci beaucoup pour tes vidéos, ça m'a beaucoup aidé.
Voila qui est claire !
Si seulement j'avais vu cette vidéo avant open ClassRoom x)
Je suis entièrement d'accord avec toi, le cours de react sur openClassrooms est vraiment difficile à comprendre, je l'ai arrêté au chapitre 5.
Idem, sur OpenClassRoom ça va trop vite je trouve. Merci Code&Design.
Super tuto, merci beaucoup. La difficulté quand on débute React, c'est de comprendre le sens , la démarche a accomplir quand on veut créer des éléments. Merci ! A l'état actuel ( octobre 2018 ), il faut mettre React.Component pour la class Welcome sinon cela fera une erreur de parsing. Merci, je vais regarder si tu as fait d'autres tutos sur React.
merci c mon premier react :)
C'est du très propre.
Super tutoriel ! Merci beaucoup c'était très clair ! :)
merci beaucoup pour cette vidéo clair et simple :) :)
on passe donc les props depuis le component parent?. les information descendent , l'etat remonte.
Hello, cool ta série. Ce que je te conseille par contre c'est d'agrandir ton code afin qu'il soit plus facilement lisibile sans pour autant être collé à l'écran ^^
Merci pour cette vidéo. Dans d'autres tutos, il faut faire le bind en amont dans le code de déclaration de la classe. Est-ce qu'il y a une bonne pratique ou est-ce qu'on fait comme on veut ?
Bon boulot, merci!
top explications; merci merci merci !!!
Pr l'incrementation pq ne pas le faire directement dans le onclick en faisant onclick={this.state.count++}, qlq chose comme ça n'est pas faisable en react ?
Parce que la modification dun state passe par la méthode setState() cela est important pour que react sache quoi faire et puisse donc modifier uniquement le state en question .
Helllo, j'ai du mal à démarrer le tuto, c'est vrai qu'à l'heure actuelle quand on set up react en passant par le create-react-app, dans app.js il ne s'agit pas d'une class mais d'une fonction , je suppose que la syntaxe à changé ?
Bonjour , comment je peut connecter a la Base de données MySQL
super() dans le constructeur n'est pas une convention. C'est le seul moyen d'utiliser le constructeur du parent (dans l'exemple Welcome a pour parent Component) C'est le constructeur de Component qui créé la variable props, la variable state et sans doute initialiser d'autres éléments en interne. Ne pas appeler super() est équivalent à vouloir utiliser Component sans initialiser ses variables au préalable. (au passage, le constructeur de Component peut prendre jusqu'à 2 paramètres qui sont justement state et props). Si je le sais c'est parce que j'utilise react avec typescript via le paramètre de react-create-app :
create-react-app my-app --scripts-version=react-scripts-ts
L'utilisation de typescript avec react rajoute un peu de travail car il faut créé une interface IState et IProps pour chaque nouveau Component pour ne pas que le compilateur typescript râle mais ça offre une documentation beaucoup plus complète que ce que fourni visual studio code qui aide beaucoup qu'on débute ou non. :)
Merci pour les précisions :) concernant ce cours il s'adresse à des débutants, qui logiquement, ne connaissent pas Typescript pour la plupart et moi-même personnellement, je ne l'utilise pas dans le cadre de React ! Concernant le super(), merci de préciser ça pourra surement en intéresser plus d'un, je ne souhaitais pas m'attarder sur ce sujet et j'ai préféré vulgariser, d'où le termes, peut être mal choisit, "convention" ! merci cependant à toi d'apporter un plus à cette vidéo :)
Bonjour comment faire aligner automatiquement une fois faire CTRL+S sur vscodeCar pour moi ça ne fonctionne pas.7
Merci d'avance
Hello, ton tuto est simple et compréhensible.
Peux-tu continuer ton tuto (avec redux, et les routeur)
De plus je comprend pas pourquoi on peut faire des component sans appelé component mais une fonction (épisode 1)
merci d'avance
Bravo !
Merci beaucoup
Merci !
Merci pour ton tuto’
Ce serait cool que tu zoom sur ton code. Lorsqu'on n'est pas en full screen (pour pouvoir coder a cote), c'est tres dur de lire ce que tu tapes. Sinon tres bon tuto., merci
ou juste, augmenter la police x3
Kili +1
Je confirme,
En revanche la qualité est telle que zoomer soit-même ne défigure pas tellement le rendu, et ça c'est vraiment chouette ^^
As-tu pensez à faire un serveur discord pour que ta commu puisse échanger entre eux et parfois avec toi? ça serait pas mal
La méthode la plus propre pour appeler une fonction dans ton déclencheur onClick est comme celle que tu as écrite en premier: onClick={() => this.addOne()}. Au moins tu es sûr qu'il n'y auras pas d'ambiguité entre le this de ta classe et de ta fonction lors de l'éxecution de render(). Le bind() devrait être utilisé pour préciser le contexte d'une fonction propre à une variable: developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Function/bind
Sinon c'est un bon tuto, merci.
le super() c'est par rapport à la class de la quelle on a hérité :)
mon projet s'est executé automatiquement avec function au lieu de class donc je suis perdu
merci pour cette vidéo,juste il fallait zoomer un peu ,très petit et on voit difficilement l'écran
ça a changé le react entre temps 😅
hum lol le `super()` a rien avoir, ces juste lorsque tu extend une class, tu doi faire appelle a `super(ars...)` pour passer les arguments a la class que tu extends.
Sinon merci, je me forme pour la premier fois au frontEnd et ta video ma beaucoup aider.
Et pour `render`, en fait ces just une surcharge de method. un peut comme si tu fessait `prototype.render = function render(){...}`
On peut aussi se passer de la class App en faisant ceci : //Création fonction App
function App() {
return (
);
}
set = réglage ou paramètre, donc au lieu de dire le "setter" on peut le traduire par paramettrer...un simple détail mais bon c'est plus compréhensible pour ceux qui ne parle pas anglais
pk tu n'utilise pas un IDE normalement ça nous fait gagner énormément de temps non?
Visual studio code est trés bien pour du JS.
meci
Excellent !
Merci !