From 7aaae775bebcd3ff146fb7a402e1ddccf0f9b88c Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Thu, 25 Jul 2019 22:36:22 +0100 Subject: [PATCH 01/43] Update 2018-10-23-react-v-16-6.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Traduction terminée --- content/blog/2018-10-23-react-v-16-6.md | 94 ++++++++++++------------- 1 file changed, 47 insertions(+), 47 deletions(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 4491d773a..3fac370c8 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -3,23 +3,23 @@ title: "React v16.6.0: lazy, memo and contextType" author: [sebmarkbage] --- -Today we're releasing React 16.6 with a few new convenient features. A form of PureComponent/shouldComponentUpdate for function components, a way to do code splitting using Suspense and an easier way to consume Context from class components. +Nous publions aujourd'hui React 16.6 avec quelques nouvelles fonctionnalités pratiques. Une forme de PureComponent / shouldComponentUpdate pour les fonctions composants, un moyen de diviser le code à l'aide de Suspense et un moyen plus simple d'utiliser Context à partir de composants à base de classes. -Check out the full [changelog](#changelog) below. +Découvrez le [changelog](#changelog) complet en bas. ## [`React.memo`](/docs/react-api.html#reactmemo) {#reactmemo} -Class components can bail out from rendering when their input props are the same using [`PureComponent`](/docs/react-api.html#reactpurecomponent) or [`shouldComponentUpdate`](/docs/react-component.html#shouldcomponentupdate). Now you can do the same with function components by wrapping them in [`React.memo`](/docs/react-api.html#reactmemo). +Les composants à base de classes peuvent éviter le rendu lorsque leurs entrées en props sont les mêmes en utilisant [`PureComponent`](/docs/react-api.html#reactpurecomponent) ou [`shouldComponentUpdate`](/docs/react-component.html#shouldcomponentupdate). Maintenant, vous pouvez faire la même chose avec les fonctions composants en les encapsulant dans [`React.memo`](/docs/react-api.html#reactmemo). ```js const MyComponent = React.memo(function MyComponent(props) { - /* only rerenders if props change */ + /* le rendu se fait lorsque props change */ }); ``` -## [`React.lazy`](/docs/code-splitting.html#reactlazy): Code-Splitting with `Suspense` {#reactlazy-code-splitting-with-suspense} +## [`React.lazy`](/docs/code-splitting.html#reactlazy): La division de code avec `Suspense` {#reactlazy-code-splitting-with-suspense} -You may have seen [Dan's talk about React Suspense at JSConf Iceland](/blog/2018/03/01/sneak-peek-beyond-react-16.html). Now you can use the Suspense component to do [code-splitting](/docs/code-splitting.html#reactlazy) by wrapping a dynamic import in a call to `React.lazy()`. +Vous avez peut-être vu [le discours de Dan sur React Suspense à JSConf Iceland](/blog/2018/03/01/sneak-peek-beyond-react-16.html). Vous pouvez maintenant utiliser le composant Suspense pour faire la [division de code](/docs/code-splitting.html#reactlazy) en encapsulant une importation dynamique dans un appel à `React.lazy()`. ```js import React, {lazy, Suspense} from 'react'; @@ -34,26 +34,26 @@ function MyComponent() { } ``` -The Suspense component will also allow library authors to start building data fetching with Suspense support in the future. +Le composant Suspense permettra également aux auteurs de bibliothèques de commencer à construire la récupération de données avec le support de Suspense à l'avenir. -> Note: This feature is not yet available for server-side rendering. Suspense support will be added in a later release. +> Note: Cette fonctionnalité n'est pas encore disponible pour le rendu côté serveur. Le support de Suspense sera ajouté dans une version ultérieure. ## [`static contextType`](/docs/context.html#classcontexttype) {#static-contexttype} -In [React 16.3](/blog/2018/03/29/react-v-16-3.html) we introduced the official Context API as a replacement to the previous [Legacy Context](/docs/legacy-context.html) API. +Dans [React 16.3](/blog/2018/03/29/react-v-16-3.html) nous avons introduit Context API en remplacement de la précédente [Legacy Context](/docs/legacy-context.html) API. ```js const MyContext = React.createContext(); ``` -We've heard feedback that adopting the new render prop API can be difficult in class components. So we've added a convenience API to [consume a context value from within a class component](/docs/context.html#classcontexttype). +Nous avons reçu des commentaires selon lesquels l’adoption de la nouvelle API d’application de rendu peut être difficile dans les composants à base de classes. Nous avons donc ajouté une API de commodité à [consommer une valeur de contexte depuis un composant à base de classe](/docs/context.html#classcontexttype). ```js class MyClass extends React.Component { static contextType = MyContext; componentDidMount() { let value = this.context; - /* perform a side-effect at mount using the value of MyContext */ + /* effectuer un effet secondaire lors du montage en utilisant la valeur de MyContext */ } componentDidUpdate() { let value = this.context; @@ -65,88 +65,88 @@ class MyClass extends React.Component { } render() { let value = this.context; - /* render something based on the value of MyContext */ + /* rendre quelque chose basé sur la valeur de MyContext */ } } ``` ## [`static getDerivedStateFromError()`](/docs/react-component.html#static-getderivedstatefromerror) {#static-getderivedstatefromerror} -React 16 introduced [Error Boundaries](/blog/2017/07/26/error-handling-in-react-16.html) for handling errors thrown in React renders. We already had the `componentDidCatch` lifecycle method which gets fired after an error has already happened. It's great for logging errors to the server. It also lets you show a different UI to the user by calling `setState`. +React 16 introduit les [Périmètres d’erreurs](/blog/2017/07/26/error-handling-in-react-16.html) pour gérer les erreurs générées dans les rendus React. Nous avions déjà la méthode de cycle de vie `componentDidCatch` qui est déclenchée après une erreur. C'est formidable pour la journalisation des erreurs sur le serveur. Il vous permet également d'afficher une interface utilisateur différente pour l'utilisateur en appelant `setState`. -Before that is fired, we render `null` in place of the tree that threw an error. This sometimes breaks parent components that don't expect their refs to be empty. It also doesn't work to recover from errors on the server since the `Did` lifecycle methods don't fire during server-side rendering. +Avant que cela ne soit déclenché, nous rendons `null` à la place de l'arbre qui a généré une erreur. Cela casse parfois les composants parents qui ne s’attendent pas à ce que leurs références soient vides. La récupération des erreurs sur le serveur ne fonctionne pas non plus, car les méthodes du cycle de vie `Did` ne se déclenchent pas lors du rendu côté serveur. -We're adding another error method that lets you render the fallback UI before the render completes. See the docs for [`getDerivedStateFromError()`](/docs/react-component.html#static-getderivedstatefromerror). +Nous ajoutons une autre méthode d'erreur qui vous permet de rendre l'interface utilisateur de secours avant la fin du rendu. Voir la documentation pour [`getDerivedStateFromError()`](/docs/react-component.html#static-getderivedstatefromerror). -> Note: `getDerivedStateFromError()` is not yet available for server-side rendering. It is designed to work with server-side rendering in a future release. We're releasing it early so that you can start preparing to use it. +> Note: `getDerivedStateFromError()` n'est pas encore disponible pour le rendu côté serveur. Il est conçu pour fonctionner avec le rendu côté serveur dans une version ultérieure. Nous le publions tôt pour que vous puissiez commencer à vous préparer à l'utiliser. -## Deprecations in StrictMode {#deprecations-in-strictmode} +## Déprécations en StrictMode {#deprecations-in-strictmode} -In [16.3](/blog/2018/03/29/react-v-16-3.html#strictmode-component) we introduced the [`StrictMode`](/docs/strict-mode.html) component. It lets you opt-in to early warnings for patterns that might cause problems in the future. +Dans [16.3](/blog/2018/03/29/react-v-16-3.html#strictmode-component) nous avons introduit le composant [`StrictMode`](/docs/strict-mode.html). Il vous permet d'activer les alertes précoces pour les modèles susceptibles de poser problème à l'avenir. -We've added two more APIs to the list of deprecated APIs in `StrictMode`. If you don't use `StrictMode` you don't have to worry; these warning won't fire for you. +Nous avons ajouté deux API supplémentaires à la liste des API obsolètes de `StrictMode`. Si vous n'utilisez pas `StrictMode` vous n'avez pas à vous inquiéter; ces avertissements ne tireront pas pour vous. -* __ReactDOM.findDOMNode()__ - This API is often misunderstood and most uses of it are unnecessary. It can also be surprisingly slow in React 16. [See the docs](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) for possible upgrade paths. -* __Legacy Context__ using contextTypes and getChildContext - Legacy context makes React slightly slower and bigger than it needs to be. That's why we strongly want to encourage upgrading to the [new context API](/docs/context.html). Hopefully the addition of the [`contextType`](/docs/context.html#classcontexttype) API makes this a bit easier. +* __ReactDOM.findDOMNode()__ - Cette API est souvent mal comprise et la plupart des utilisations de celle-ci sont inutiles. Il peut aussi être étonnamment lent dans React 16. [Voir les docs](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) pour les chemins de mise à niveau possibles. +* __Legacy Context__ en utilisant contextTypes et getChildContext - Legacy context rend React légèrement plus lent et plus gros que nécessaire. C’est pourquoi nous souhaitons vivement encourager la mise à niveau vers le [nouveau context API](/docs/context.html). Espérons que l’ajout de [`contextType`](/docs/context.html#classcontexttype) API rend cela un peu plus facile. -If you're having trouble upgrading, we'd like to hear your feedback. +Si vous rencontrez des difficultés pour effectuer la mise à niveau, nous aimerions connaître votre avis. ## Installation {#installation} -React v16.6.0 is available on the npm registry. +React v16.6.0 est disponible dans le registre npm. -To install React 16 with Yarn, run: +Pour installer React 16 avec Yarn, exécutez: ```bash yarn add react@^16.6.0 react-dom@^16.6.0 ``` -To install React 16 with npm, run: +Pour installer React 16 avec npm, exécutez: ```bash npm install --save react@^16.6.0 react-dom@^16.6.0 ``` -We also provide UMD builds of React via a CDN: +Nous fournissons également des versions UMD de React via un CDN: ```html ``` -Refer to the documentation for [detailed installation instructions](/docs/installation.html). +Reportez-vous à la documentation pour les [instructions d'installation détaillées](/docs/installation.html). ## Changelog {#changelog} ### React {#react} -* Add `React.memo()` as an alternative to `PureComponent` for functions. ([@acdlite](https://github.com/acdlite) in [#13748](https://github.com/facebook/react/pull/13748)) -* Add `React.lazy()` for code splitting components. ([@acdlite](https://github.com/acdlite) in [#13885](https://github.com/facebook/react/pull/13885)) -* `React.StrictMode` now warns about legacy context API. ([@bvaughn](https://github.com/bvaughn) in [#13760](https://github.com/facebook/react/pull/13760)) -* `React.StrictMode` now warns about `findDOMNode`. ([@sebmarkbage](https://github.com/sebmarkbage) in [#13841](https://github.com/facebook/react/pull/13841)) -* Rename `unstable_AsyncMode` to `unstable_ConcurrentMode`. ([@trueadm](https://github.com/trueadm) in [#13732](https://github.com/facebook/react/pull/13732)) -* Rename `unstable_Placeholder` to `Suspense`, and `delayMs` to `maxDuration`. ([@gaearon](https://github.com/gaearon) in [#13799](https://github.com/facebook/react/pull/13799) and [@sebmarkbage](https://github.com/sebmarkbage) in [#13922](https://github.com/facebook/react/pull/13922)) +* Ajouter `React.memo()` comme alternative à `PureComponent` pour les fonctions. ([@acdlite](https://github.com/acdlite) dans [#13748](https://github.com/facebook/react/pull/13748)) +* Ajouter `React.lazy()` pour les composants de division de code. ([@acdlite](https://github.com/acdlite) dans [#13885](https://github.com/facebook/react/pull/13885)) +* `React.StrictMode` averti à propos de legacy context API ([@bvaughn](https://github.com/bvaughn) dans [#13760](https://github.com/facebook/react/pull/13760)) +* `React.StrictMode` averti à propos de `findDOMNode`. ([@sebmarkbage](https://github.com/sebmarkbage) dans [#13841](https://github.com/facebook/react/pull/13841)) +* Renommer `unstable_AsyncMode` à `unstable_ConcurrentMode`. ([@trueadm](https://github.com/trueadm) dans [#13732](https://github.com/facebook/react/pull/13732)) +* Renommer `unstable_Placeholder` à `Suspense`, et `delayMs` à `maxDuration`. ([@gaearon](https://github.com/gaearon) dans [#13799](https://github.com/facebook/react/pull/13799) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13922](https://github.com/facebook/react/pull/13922)) ### React DOM {#react-dom} -* Add `contextType` as a more ergonomic way to subscribe to context from a class. ([@bvaughn](https://github.com/bvaughn) in [#13728](https://github.com/facebook/react/pull/13728)) -* Add `getDerivedStateFromError` lifecycle method for catching errors in a future asynchronous server-side renderer. ([@bvaughn](https://github.com/bvaughn) in [#13746](https://github.com/facebook/react/pull/13746)) -* Warn when `` is used instead of ``. ([@trueadm](https://github.com/trueadm) in [#13829](https://github.com/facebook/react/pull/13829)) -* Fix gray overlay on iOS Safari. ([@philipp-spiess](https://github.com/philipp-spiess) in [#13778](https://github.com/facebook/react/pull/13778)) -* Fix a bug caused by overwriting `window.event` in development. ([@sergei-startsev](https://github.com/sergei-startsev) in [#13697](https://github.com/facebook/react/pull/13697)) +* Ajouter `contextType` comme moyen plus ergonomique de s’abonner au contexte d’une classe ([@bvaughn](https://github.com/bvaughn) dans [#13728](https://github.com/facebook/react/pull/13728)) +* Ajouter `getDerivedStateFromError` méthode de cycle de vie permettant de détecter les erreurs dans un futur rendu asynchrone côté serveur. ([@bvaughn](https://github.com/bvaughn) dans [#13746](https://github.com/facebook/react/pull/13746)) +* Avertir quand `` est utilisé à la place de ``. ([@trueadm](https://github.com/trueadm) dans [#13829](https://github.com/facebook/react/pull/13829)) +* Correction du calque gris sur iOS Safari. ([@philipp-spiess](https://github.com/philipp-spiess) dans [#13778](https://github.com/facebook/react/pull/13778)) +* Corrige un bug causé par un écrasement `window.event` en développement. ([@sergei-startsev](https://github.com/sergei-startsev) dans [#13697](https://github.com/facebook/react/pull/13697)) ### React DOM Server {#react-dom-server} -* Add support for `React.memo()`. ([@alexmckenley](https://github.com/alexmckenley) in [#13855](https://github.com/facebook/react/pull/13855)) -* Add support for `contextType`. ([@alexmckenley](https://github.com/alexmckenley) and [@sebmarkbage](https://github.com/sebmarkbage) in [#13889](https://github.com/facebook/react/pull/13889)) +* Ajouter un support pour `React.memo()`. ([@alexmckenley](https://github.com/alexmckenley) dans [#13855](https://github.com/facebook/react/pull/13855)) +* Ajouter un support pour `contextType`. ([@alexmckenley](https://github.com/alexmckenley) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13889](https://github.com/facebook/react/pull/13889)) ### Scheduler (Experimental) {#scheduler-experimental} -* Rename the package to `scheduler`. ([@gaearon](https://github.com/gaearon) in [#13683](https://github.com/facebook/react/pull/13683)) -* Support priority levels, continuations, and wrapped callbacks. ([@acdlite](https://github.com/acdlite) in [#13720](https://github.com/facebook/react/pull/13720) and [#13842](https://github.com/facebook/react/pull/13842)) -* Improve the fallback mechanism in non-DOM environments. ([@acdlite](https://github.com/acdlite) in [#13740](https://github.com/facebook/react/pull/13740)) -* Schedule `requestAnimationFrame` earlier. ([@acdlite](https://github.com/acdlite) in [#13785](https://github.com/facebook/react/pull/13785)) -* Fix the DOM detection to be more thorough. ([@trueadm](https://github.com/trueadm) in [#13731](https://github.com/facebook/react/pull/13731)) -* Fix bugs with interaction tracing. ([@bvaughn](https://github.com/bvaughn) in [#13590](https://github.com/facebook/react/pull/13590)) -* Add the `envify` transform to the package. ([@mridgway](https://github.com/mridgway) in [#13766](https://github.com/facebook/react/pull/13766)) +* Renommez le paquet en `scheduler`. ([@gaearon](https://github.com/gaearon) dans [#13683](https://github.com/facebook/react/pull/13683)) +* Prise en charge des niveaux de priorité, des continuations et des rappels encapsulés. ([@acdlite](https://github.com/acdlite) dans [#13720](https://github.com/facebook/react/pull/13720) et [#13842](https://github.com/facebook/react/pull/13842)) +* Améliorer le mécanisme de secours dans les environnements non-DOM. ([@acdlite](https://github.com/acdlite) dans [#13740](https://github.com/facebook/react/pull/13740)) +* Planifie `requestAnimationFrame` antérieurement. ([@acdlite](https://github.com/acdlite) dans [#13785](https://github.com/facebook/react/pull/13785)) +* Corrigez la détection du DOM pour qu'elle soit plus complète. ([@trueadm](https://github.com/trueadm) dans [#13731](https://github.com/facebook/react/pull/13731)) +* Correction de bugs avec le traçage d'interaction. ([@bvaughn](https://github.com/bvaughn) dans [#13590](https://github.com/facebook/react/pull/13590)) +* Ajouter le `envify` transform au paquet. ([@mridgway](https://github.com/mridgway) dans [#13766](https://github.com/facebook/react/pull/13766)) From e8904f65fdccaa08c0f65591fd41d9d6306d6b8f Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Thu, 25 Jul 2019 22:56:50 +0100 Subject: [PATCH 02/43] Update in 2018-10-23-react-v-16-6.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Rectification de quelques détails. Page finalement traduite. --- content/blog/2018-10-23-react-v-16-6.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 3fac370c8..3b59747fd 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -1,9 +1,9 @@ --- -title: "React v16.6.0: lazy, memo and contextType" +title: "React v16.6.0: lazy, memo et contextType" author: [sebmarkbage] --- -Nous publions aujourd'hui React 16.6 avec quelques nouvelles fonctionnalités pratiques. Une forme de PureComponent / shouldComponentUpdate pour les fonctions composants, un moyen de diviser le code à l'aide de Suspense et un moyen plus simple d'utiliser Context à partir de composants à base de classes. +Nous publions aujourd'hui React 16.6 avec quelques nouvelles fonctionnalités pratiques. Une forme de PureComponent / shouldComponentUpdate pour les fonctions composants, un moyen de diviser le code à l'aide de Suspense et un moyen plus simple d'utiliser Context à partir des composants à base de classes. Découvrez le [changelog](#changelog) complet en bas. From d46c6d88c9aa7c36dfa5cb22b13aaf2401604df8 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 11:59:06 +0100 Subject: [PATCH 03/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 3b59747fd..abf19d8af 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -1,5 +1,5 @@ --- -title: "React v16.6.0: lazy, memo et contextType" +title: "React v16.6.0 : lazy, memo et contextType" author: [sebmarkbage] --- From 98e7c134c3f94f98f90c6849a2cae2030329db6c Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 11:59:16 +0100 Subject: [PATCH 04/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index abf19d8af..fb6f1797c 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -3,7 +3,7 @@ title: "React v16.6.0 : lazy, memo et contextType" author: [sebmarkbage] --- -Nous publions aujourd'hui React 16.6 avec quelques nouvelles fonctionnalités pratiques. Une forme de PureComponent / shouldComponentUpdate pour les fonctions composants, un moyen de diviser le code à l'aide de Suspense et un moyen plus simple d'utiliser Context à partir des composants à base de classes. +Nous publions aujourd'hui React 16.6 avec quelques nouvelles fonctionnalités pratiques. Une forme de `PureComponent` / `shouldComponentUpdate` pour les fonctions composants, un moyen de découper le code à l'aide de Suspense et un moyen plus simple d'utiliser `Context` à partir des composants à base de classes. Découvrez le [changelog](#changelog) complet en bas. From 7844803f71927fbc406b4bbfce0c8a1a8e989c87 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 11:59:26 +0100 Subject: [PATCH 05/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index fb6f1797c..9325a0efc 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -5,7 +5,7 @@ author: [sebmarkbage] Nous publions aujourd'hui React 16.6 avec quelques nouvelles fonctionnalités pratiques. Une forme de `PureComponent` / `shouldComponentUpdate` pour les fonctions composants, un moyen de découper le code à l'aide de Suspense et un moyen plus simple d'utiliser `Context` à partir des composants à base de classes. -Découvrez le [changelog](#changelog) complet en bas. +Découvrez le [changelog](#changelog) complet plus bas. ## [`React.memo`](/docs/react-api.html#reactmemo) {#reactmemo} From a89505ce8e31c39ba2ea096e705fa900b10a7ea2 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 11:59:39 +0100 Subject: [PATCH 06/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 9325a0efc..209b9b383 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -9,7 +9,7 @@ Découvrez le [changelog](#changelog) complet plus bas. ## [`React.memo`](/docs/react-api.html#reactmemo) {#reactmemo} -Les composants à base de classes peuvent éviter le rendu lorsque leurs entrées en props sont les mêmes en utilisant [`PureComponent`](/docs/react-api.html#reactpurecomponent) ou [`shouldComponentUpdate`](/docs/react-component.html#shouldcomponentupdate). Maintenant, vous pouvez faire la même chose avec les fonctions composants en les encapsulant dans [`React.memo`](/docs/react-api.html#reactmemo). +Les composants à base de classes peuvent éviter le rendu lorsque les valeurs de leurs props sont les mêmes en utilisant [`PureComponent`](/docs/react-api.html#reactpurecomponent) ou [`shouldComponentUpdate`](/docs/react-component.html#shouldcomponentupdate). Désormais, vous pouvez faire la même chose avec les fonctions composants en les enrobant avec [`React.memo`](/docs/react-api.html#reactmemo). ```js const MyComponent = React.memo(function MyComponent(props) { From 7903afbd1034817edf72509355c0f36442de2da1 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 11:59:53 +0100 Subject: [PATCH 07/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 209b9b383..c9b2f4293 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -13,7 +13,7 @@ Les composants à base de classes peuvent éviter le rendu lorsque les valeurs d ```js const MyComponent = React.memo(function MyComponent(props) { - /* le rendu se fait lorsque props change */ + /* le rendu ne se fait que lorsque les props changent */ }); ``` From abb9f6a3861eb8db3991f5b13c864b387014073b Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:00:16 +0100 Subject: [PATCH 08/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index c9b2f4293..55eb0679f 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -17,7 +17,7 @@ const MyComponent = React.memo(function MyComponent(props) { }); ``` -## [`React.lazy`](/docs/code-splitting.html#reactlazy): La division de code avec `Suspense` {#reactlazy-code-splitting-with-suspense} +## [`React.lazy`](/docs/code-splitting.html#reactlazy) : la découpe de code avec `Suspense` {#reactlazy-code-splitting-with-suspense} Vous avez peut-être vu [le discours de Dan sur React Suspense à JSConf Iceland](/blog/2018/03/01/sneak-peek-beyond-react-16.html). Vous pouvez maintenant utiliser le composant Suspense pour faire la [division de code](/docs/code-splitting.html#reactlazy) en encapsulant une importation dynamique dans un appel à `React.lazy()`. From 86c0e911e8a6145b2e43e46370090190dd0ef19a Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:00:55 +0100 Subject: [PATCH 09/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 55eb0679f..25e6b0b04 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -19,7 +19,7 @@ const MyComponent = React.memo(function MyComponent(props) { ## [`React.lazy`](/docs/code-splitting.html#reactlazy) : la découpe de code avec `Suspense` {#reactlazy-code-splitting-with-suspense} -Vous avez peut-être vu [le discours de Dan sur React Suspense à JSConf Iceland](/blog/2018/03/01/sneak-peek-beyond-react-16.html). Vous pouvez maintenant utiliser le composant Suspense pour faire la [division de code](/docs/code-splitting.html#reactlazy) en encapsulant une importation dynamique dans un appel à `React.lazy()`. +Vous avez peut-être vu [la présentation de Dan sur React Suspense à JSConf Iceland](/blog/2018/03/01/sneak-peek-beyond-react-16.html). Vous pouvez maintenant utiliser le composant Suspense pour faire de la [découpe de code](/docs/code-splitting.html#reactlazy) en enrobant une importation dynamique avec un appel à `React.lazy()`. ```js import React, {lazy, Suspense} from 'react'; From 8a2387dfd04667c03bc98b186d92ac62848dbf85 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:01:29 +0100 Subject: [PATCH 10/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 25e6b0b04..e055bdd80 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -34,7 +34,7 @@ function MyComponent() { } ``` -Le composant Suspense permettra également aux auteurs de bibliothèques de commencer à construire la récupération de données avec le support de Suspense à l'avenir. +Le composant Suspense permettra également aux auteur·e·s de bibliothèques de commencer à construire de la récupération de données prenant en charge Suspense à l'avenir. > Note: Cette fonctionnalité n'est pas encore disponible pour le rendu côté serveur. Le support de Suspense sera ajouté dans une version ultérieure. From 978fe141ba2c1a0cbc613348e8a461aaac582399 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:02:39 +0100 Subject: [PATCH 11/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index e055bdd80..9f1af45b1 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -36,7 +36,7 @@ function MyComponent() { Le composant Suspense permettra également aux auteur·e·s de bibliothèques de commencer à construire de la récupération de données prenant en charge Suspense à l'avenir. -> Note: Cette fonctionnalité n'est pas encore disponible pour le rendu côté serveur. Le support de Suspense sera ajouté dans une version ultérieure. +> Note : cette fonctionnalité n'est pas encore disponible pour le rendu côté serveur. La prise en charge de Suspense sera ajoutée dans une version ultérieure. ## [`static contextType`](/docs/context.html#classcontexttype) {#static-contexttype} From 76c7a07eca7f2ad7aa66af5ccbd1584c72be3d68 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:03:23 +0100 Subject: [PATCH 12/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 9f1af45b1..42769cd8f 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -40,7 +40,7 @@ Le composant Suspense permettra également aux auteur·e·s de bibliothèques de ## [`static contextType`](/docs/context.html#classcontexttype) {#static-contexttype} -Dans [React 16.3](/blog/2018/03/29/react-v-16-3.html) nous avons introduit Context API en remplacement de la précédente [Legacy Context](/docs/legacy-context.html) API. +Dans [React 16.3](/blog/2018/03/29/react-v-16-3.html) nous avons introduit l’API de Contexte en remplacement de la précédente API [Legacy Context](/docs/legacy-context.html). ```js const MyContext = React.createContext(); From d44aa4c049fb7418ed05643d206e1ab0affc92df Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:04:09 +0100 Subject: [PATCH 13/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 42769cd8f..332015de4 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -46,7 +46,7 @@ Dans [React 16.3](/blog/2018/03/29/react-v-16-3.html) nous avons introduit l’A const MyContext = React.createContext(); ``` -Nous avons reçu des commentaires selon lesquels l’adoption de la nouvelle API d’application de rendu peut être difficile dans les composants à base de classes. Nous avons donc ajouté une API de commodité à [consommer une valeur de contexte depuis un composant à base de classe](/docs/context.html#classcontexttype). +Nous avons reçu des commentaires selon lesquels l’adoption de la nouvelle API à base de props de rendu peut s’avérer difficile dans les composants à base de classes. Nous avons donc ajouté une API de confort pour [consommer une valeur de contexte depuis un composant à base de classe](/docs/context.html#classcontexttype). ```js class MyClass extends React.Component { From fa4c5bc0d8ae4f1bd44b2cf3918f23da8bdc9579 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:04:21 +0100 Subject: [PATCH 14/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 332015de4..8b253c47c 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -53,7 +53,7 @@ class MyClass extends React.Component { static contextType = MyContext; componentDidMount() { let value = this.context; - /* effectuer un effet secondaire lors du montage en utilisant la valeur de MyContext */ + /* réaliser un effet secondaire lors du montage en utilisant la valeur de MyContext */ } componentDidUpdate() { let value = this.context; From 3a4efa91a9a16fd86cc96739904ff222a5086966 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:04:32 +0100 Subject: [PATCH 15/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 8b253c47c..f48fc0e0b 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -65,7 +65,7 @@ class MyClass extends React.Component { } render() { let value = this.context; - /* rendre quelque chose basé sur la valeur de MyContext */ + /* afficher quelque chose basé sur la valeur de MyContext */ } } ``` From 617ab194e383e83114a9cf7b8f2174b90c6cd5ea Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:04:58 +0100 Subject: [PATCH 16/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index f48fc0e0b..5202c5d10 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -72,7 +72,7 @@ class MyClass extends React.Component { ## [`static getDerivedStateFromError()`](/docs/react-component.html#static-getderivedstatefromerror) {#static-getderivedstatefromerror} -React 16 introduit les [Périmètres d’erreurs](/blog/2017/07/26/error-handling-in-react-16.html) pour gérer les erreurs générées dans les rendus React. Nous avions déjà la méthode de cycle de vie `componentDidCatch` qui est déclenchée après une erreur. C'est formidable pour la journalisation des erreurs sur le serveur. Il vous permet également d'afficher une interface utilisateur différente pour l'utilisateur en appelant `setState`. +React 16 a introduit les [Périmètres d’erreurs](/blog/2017/07/26/error-handling-in-react-16.html) pour gérer les erreurs lancées au sein des rendus React. Nous avions déjà la méthode de cycle de vie `componentDidCatch` qui est déclenchée après une erreur. C'est formidable pour la journalisation des erreurs sur le serveur. Ça vous permet également d'afficher une interface utilisateur différente pour l'utilisateur en appelant `setState`. Avant que cela ne soit déclenché, nous rendons `null` à la place de l'arbre qui a généré une erreur. Cela casse parfois les composants parents qui ne s’attendent pas à ce que leurs références soient vides. La récupération des erreurs sur le serveur ne fonctionne pas non plus, car les méthodes du cycle de vie `Did` ne se déclenchent pas lors du rendu côté serveur. From 395db4cd7a7ad0c25bef5a8b3e5be9040cf375ee Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:05:06 +0100 Subject: [PATCH 17/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 5202c5d10..75f0faa08 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -76,7 +76,7 @@ React 16 a introduit les [Périmètres d’erreurs](/blog/2017/07/26/error-handl Avant que cela ne soit déclenché, nous rendons `null` à la place de l'arbre qui a généré une erreur. Cela casse parfois les composants parents qui ne s’attendent pas à ce que leurs références soient vides. La récupération des erreurs sur le serveur ne fonctionne pas non plus, car les méthodes du cycle de vie `Did` ne se déclenchent pas lors du rendu côté serveur. -Nous ajoutons une autre méthode d'erreur qui vous permet de rendre l'interface utilisateur de secours avant la fin du rendu. Voir la documentation pour [`getDerivedStateFromError()`](/docs/react-component.html#static-getderivedstatefromerror). +Nous ajoutons une autre méthode d'erreur qui vous permet de produire une interface utilisateur de secours avant la fin du rendu. Consultez la documentation de [`getDerivedStateFromError()`](/docs/react-component.html#static-getderivedstatefromerror). > Note: `getDerivedStateFromError()` n'est pas encore disponible pour le rendu côté serveur. Il est conçu pour fonctionner avec le rendu côté serveur dans une version ultérieure. Nous le publions tôt pour que vous puissiez commencer à vous préparer à l'utiliser. From cd81bb142a6baefd21cc1c522e875d958d65b828 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:05:17 +0100 Subject: [PATCH 18/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 75f0faa08..1de522f66 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -74,7 +74,7 @@ class MyClass extends React.Component { React 16 a introduit les [Périmètres d’erreurs](/blog/2017/07/26/error-handling-in-react-16.html) pour gérer les erreurs lancées au sein des rendus React. Nous avions déjà la méthode de cycle de vie `componentDidCatch` qui est déclenchée après une erreur. C'est formidable pour la journalisation des erreurs sur le serveur. Ça vous permet également d'afficher une interface utilisateur différente pour l'utilisateur en appelant `setState`. -Avant que cela ne soit déclenché, nous rendons `null` à la place de l'arbre qui a généré une erreur. Cela casse parfois les composants parents qui ne s’attendent pas à ce que leurs références soient vides. La récupération des erreurs sur le serveur ne fonctionne pas non plus, car les méthodes du cycle de vie `Did` ne se déclenchent pas lors du rendu côté serveur. +Avant de la déclencher, nous faisons le rendu de `null` à la place de l'arbre qui a généré une erreur. Ça casse parfois les composants parents qui ne s’attendent pas à ce que leurs refs soient vides. La récupération des erreurs sur le serveur ne fonctionne pas non plus, puisque les méthodes du cycle de vie `Did` ne sont pas déclenchées lors du rendu côté serveur. Nous ajoutons une autre méthode d'erreur qui vous permet de produire une interface utilisateur de secours avant la fin du rendu. Consultez la documentation de [`getDerivedStateFromError()`](/docs/react-component.html#static-getderivedstatefromerror). From 8264a849e9d31a8a67658594921240051d17a485 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:05:29 +0100 Subject: [PATCH 19/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 1de522f66..c5577aabf 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -78,7 +78,7 @@ Avant de la déclencher, nous faisons le rendu de `null` à la place de l'arbre Nous ajoutons une autre méthode d'erreur qui vous permet de produire une interface utilisateur de secours avant la fin du rendu. Consultez la documentation de [`getDerivedStateFromError()`](/docs/react-component.html#static-getderivedstatefromerror). -> Note: `getDerivedStateFromError()` n'est pas encore disponible pour le rendu côté serveur. Il est conçu pour fonctionner avec le rendu côté serveur dans une version ultérieure. Nous le publions tôt pour que vous puissiez commencer à vous préparer à l'utiliser. +> Note : `getDerivedStateFromError()` n'est pas encore disponible pour le rendu côté serveur. Elle est conçue pour fonctionner avec le rendu côté serveur dans une version ultérieure. Nous la publions tôt pour que vous puissiez commencer à vous préparer à l'utiliser. ## Déprécations en StrictMode {#deprecations-in-strictmode} From 9ebe38a9b812bf61aaf62803ca26315a75650c4f Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:05:40 +0100 Subject: [PATCH 20/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index c5577aabf..fa026961f 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -80,7 +80,7 @@ Nous ajoutons une autre méthode d'erreur qui vous permet de produire une interf > Note : `getDerivedStateFromError()` n'est pas encore disponible pour le rendu côté serveur. Elle est conçue pour fonctionner avec le rendu côté serveur dans une version ultérieure. Nous la publions tôt pour que vous puissiez commencer à vous préparer à l'utiliser. -## Déprécations en StrictMode {#deprecations-in-strictmode} +## Dépréciations en StrictMode {#deprecations-in-strictmode} Dans [16.3](/blog/2018/03/29/react-v-16-3.html#strictmode-component) nous avons introduit le composant [`StrictMode`](/docs/strict-mode.html). Il vous permet d'activer les alertes précoces pour les modèles susceptibles de poser problème à l'avenir. From 3ff062c7c663b93c6e10e74fca064b3b6e357481 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:06:15 +0100 Subject: [PATCH 21/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index fa026961f..e7e1f2c9a 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -82,7 +82,7 @@ Nous ajoutons une autre méthode d'erreur qui vous permet de produire une interf ## Dépréciations en StrictMode {#deprecations-in-strictmode} -Dans [16.3](/blog/2018/03/29/react-v-16-3.html#strictmode-component) nous avons introduit le composant [`StrictMode`](/docs/strict-mode.html). Il vous permet d'activer les alertes précoces pour les modèles susceptibles de poser problème à l'avenir. +La version [16.3](/blog/2018/03/29/react-v-16-3.html#strictmode-component) a introduit le composant [`StrictMode`](/docs/strict-mode.html). Il vous permet d'activer des alertes précoces pour les approches susceptibles de poser problème à l'avenir. Nous avons ajouté deux API supplémentaires à la liste des API obsolètes de `StrictMode`. Si vous n'utilisez pas `StrictMode` vous n'avez pas à vous inquiéter; ces avertissements ne tireront pas pour vous. From 08d169c99d2c7a7a20f00acbd313846bb34d0077 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:06:30 +0100 Subject: [PATCH 22/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index e7e1f2c9a..4a92b3702 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -84,7 +84,7 @@ Nous ajoutons une autre méthode d'erreur qui vous permet de produire une interf La version [16.3](/blog/2018/03/29/react-v-16-3.html#strictmode-component) a introduit le composant [`StrictMode`](/docs/strict-mode.html). Il vous permet d'activer des alertes précoces pour les approches susceptibles de poser problème à l'avenir. -Nous avons ajouté deux API supplémentaires à la liste des API obsolètes de `StrictMode`. Si vous n'utilisez pas `StrictMode` vous n'avez pas à vous inquiéter; ces avertissements ne tireront pas pour vous. +Nous avons ajouté deux API supplémentaires à la liste des API obsolètes en `StrictMode`. Si vous n'utilisez pas `StrictMode` vous n'avez pas à vous inquiéter ; ces avertissements ne se déclencheront pas pour vous. * __ReactDOM.findDOMNode()__ - Cette API est souvent mal comprise et la plupart des utilisations de celle-ci sont inutiles. Il peut aussi être étonnamment lent dans React 16. [Voir les docs](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) pour les chemins de mise à niveau possibles. * __Legacy Context__ en utilisant contextTypes et getChildContext - Legacy context rend React légèrement plus lent et plus gros que nécessaire. C’est pourquoi nous souhaitons vivement encourager la mise à niveau vers le [nouveau context API](/docs/context.html). Espérons que l’ajout de [`contextType`](/docs/context.html#classcontexttype) API rend cela un peu plus facile. From 38fc159257e93a2d13eecb1f6d37f518438c3810 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:07:07 +0100 Subject: [PATCH 23/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 4a92b3702..1027873ce 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -86,7 +86,7 @@ La version [16.3](/blog/2018/03/29/react-v-16-3.html#strictmode-component) a int Nous avons ajouté deux API supplémentaires à la liste des API obsolètes en `StrictMode`. Si vous n'utilisez pas `StrictMode` vous n'avez pas à vous inquiéter ; ces avertissements ne se déclencheront pas pour vous. -* __ReactDOM.findDOMNode()__ - Cette API est souvent mal comprise et la plupart des utilisations de celle-ci sont inutiles. Il peut aussi être étonnamment lent dans React 16. [Voir les docs](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) pour les chemins de mise à niveau possibles. +* __ReactDOM.findDOMNode()__ - Cette API est souvent mal comprise et la plupart des utilisations de celle-ci sont inutiles. Elle peut aussi être étonnamment lente dans React 16. [Consultez les docs](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) pour les mécanismes de mise à niveau possibles. * __Legacy Context__ en utilisant contextTypes et getChildContext - Legacy context rend React légèrement plus lent et plus gros que nécessaire. C’est pourquoi nous souhaitons vivement encourager la mise à niveau vers le [nouveau context API](/docs/context.html). Espérons que l’ajout de [`contextType`](/docs/context.html#classcontexttype) API rend cela un peu plus facile. Si vous rencontrez des difficultés pour effectuer la mise à niveau, nous aimerions connaître votre avis. From fa948b827d38612fa90be1cd60a0901a48c7e114 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:07:29 +0100 Subject: [PATCH 24/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 1027873ce..37e20d136 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -87,7 +87,7 @@ La version [16.3](/blog/2018/03/29/react-v-16-3.html#strictmode-component) a int Nous avons ajouté deux API supplémentaires à la liste des API obsolètes en `StrictMode`. Si vous n'utilisez pas `StrictMode` vous n'avez pas à vous inquiéter ; ces avertissements ne se déclencheront pas pour vous. * __ReactDOM.findDOMNode()__ - Cette API est souvent mal comprise et la plupart des utilisations de celle-ci sont inutiles. Elle peut aussi être étonnamment lente dans React 16. [Consultez les docs](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) pour les mécanismes de mise à niveau possibles. -* __Legacy Context__ en utilisant contextTypes et getChildContext - Legacy context rend React légèrement plus lent et plus gros que nécessaire. C’est pourquoi nous souhaitons vivement encourager la mise à niveau vers le [nouveau context API](/docs/context.html). Espérons que l’ajout de [`contextType`](/docs/context.html#classcontexttype) API rend cela un peu plus facile. +* __Legacy Context__ en utilisant contextTypes et getChildContext - Le Legacy Context rend React légèrement plus lent et plus gros que nécessaire. C’est pourquoi nous souhaitons vivement encourager la mise à niveau vers la [nouvelle API de Contexte](/docs/context.html). Espérons que l’ajout de l’API [`contextType`](/docs/context.html#classcontexttype) rendra ça un peu plus facile. Si vous rencontrez des difficultés pour effectuer la mise à niveau, nous aimerions connaître votre avis. From 62011c421b96aefa6d35cd43052f9fe46fa0a2a7 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:07:40 +0100 Subject: [PATCH 25/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 37e20d136..9d784cb50 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -93,7 +93,7 @@ Si vous rencontrez des difficultés pour effectuer la mise à niveau, nous aimer ## Installation {#installation} -React v16.6.0 est disponible dans le registre npm. +React v16.6.0 est disponible sur npm. Pour installer React 16 avec Yarn, exécutez: From 09ea9e12860f9e93e22e79041a44aa53d70a46b0 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:07:51 +0100 Subject: [PATCH 26/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 9d784cb50..85a860710 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -95,7 +95,7 @@ Si vous rencontrez des difficultés pour effectuer la mise à niveau, nous aimer React v16.6.0 est disponible sur npm. -Pour installer React 16 avec Yarn, exécutez: +Pour installer React 16 avec Yarn, exécutez : ```bash yarn add react@^16.6.0 react-dom@^16.6.0 From d62444be74c0ff3733cea8e1510da3dbc3674675 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:08:00 +0100 Subject: [PATCH 27/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 85a860710..b6c2b8ce5 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -101,7 +101,7 @@ Pour installer React 16 avec Yarn, exécutez : yarn add react@^16.6.0 react-dom@^16.6.0 ``` -Pour installer React 16 avec npm, exécutez: +Pour installer React 16 avec npm, exécutez : ```bash npm install --save react@^16.6.0 react-dom@^16.6.0 From 8b8e4a33247f2d39f45835c0e1bae879cbca0a2c Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:08:11 +0100 Subject: [PATCH 28/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index b6c2b8ce5..f24c440dc 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -121,7 +121,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill ### React {#react} * Ajouter `React.memo()` comme alternative à `PureComponent` pour les fonctions. ([@acdlite](https://github.com/acdlite) dans [#13748](https://github.com/facebook/react/pull/13748)) -* Ajouter `React.lazy()` pour les composants de division de code. ([@acdlite](https://github.com/acdlite) dans [#13885](https://github.com/facebook/react/pull/13885)) +* Ajouter `React.lazy()` pour la découpe de code les composants. ([@acdlite](https://github.com/acdlite) dans [#13885](https://github.com/facebook/react/pull/13885)) * `React.StrictMode` averti à propos de legacy context API ([@bvaughn](https://github.com/bvaughn) dans [#13760](https://github.com/facebook/react/pull/13760)) * `React.StrictMode` averti à propos de `findDOMNode`. ([@sebmarkbage](https://github.com/sebmarkbage) dans [#13841](https://github.com/facebook/react/pull/13841)) * Renommer `unstable_AsyncMode` à `unstable_ConcurrentMode`. ([@trueadm](https://github.com/trueadm) dans [#13732](https://github.com/facebook/react/pull/13732)) From bfcb49777a7976a38e0acc2458f1a7562c78960e Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:08:28 +0100 Subject: [PATCH 29/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index f24c440dc..3a4963463 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -122,7 +122,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * Ajouter `React.memo()` comme alternative à `PureComponent` pour les fonctions. ([@acdlite](https://github.com/acdlite) dans [#13748](https://github.com/facebook/react/pull/13748)) * Ajouter `React.lazy()` pour la découpe de code les composants. ([@acdlite](https://github.com/acdlite) dans [#13885](https://github.com/facebook/react/pull/13885)) -* `React.StrictMode` averti à propos de legacy context API ([@bvaughn](https://github.com/bvaughn) dans [#13760](https://github.com/facebook/react/pull/13760)) +* `React.StrictMode` avertit désormais du recours à l’API Legacy Context ([@bvaughn](https://github.com/bvaughn) dans [#13760](https://github.com/facebook/react/pull/13760)) * `React.StrictMode` averti à propos de `findDOMNode`. ([@sebmarkbage](https://github.com/sebmarkbage) dans [#13841](https://github.com/facebook/react/pull/13841)) * Renommer `unstable_AsyncMode` à `unstable_ConcurrentMode`. ([@trueadm](https://github.com/trueadm) dans [#13732](https://github.com/facebook/react/pull/13732)) * Renommer `unstable_Placeholder` à `Suspense`, et `delayMs` à `maxDuration`. ([@gaearon](https://github.com/gaearon) dans [#13799](https://github.com/facebook/react/pull/13799) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13922](https://github.com/facebook/react/pull/13922)) From d42c5c85f95f6036545028cf517f0dcb37da78d5 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:08:38 +0100 Subject: [PATCH 30/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 3a4963463..00c4fdc77 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -123,7 +123,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * Ajouter `React.memo()` comme alternative à `PureComponent` pour les fonctions. ([@acdlite](https://github.com/acdlite) dans [#13748](https://github.com/facebook/react/pull/13748)) * Ajouter `React.lazy()` pour la découpe de code les composants. ([@acdlite](https://github.com/acdlite) dans [#13885](https://github.com/facebook/react/pull/13885)) * `React.StrictMode` avertit désormais du recours à l’API Legacy Context ([@bvaughn](https://github.com/bvaughn) dans [#13760](https://github.com/facebook/react/pull/13760)) -* `React.StrictMode` averti à propos de `findDOMNode`. ([@sebmarkbage](https://github.com/sebmarkbage) dans [#13841](https://github.com/facebook/react/pull/13841)) +* `React.StrictMode` avertit désormais du recours à `findDOMNode`. ([@sebmarkbage](https://github.com/sebmarkbage) dans [#13841](https://github.com/facebook/react/pull/13841)) * Renommer `unstable_AsyncMode` à `unstable_ConcurrentMode`. ([@trueadm](https://github.com/trueadm) dans [#13732](https://github.com/facebook/react/pull/13732)) * Renommer `unstable_Placeholder` à `Suspense`, et `delayMs` à `maxDuration`. ([@gaearon](https://github.com/gaearon) dans [#13799](https://github.com/facebook/react/pull/13799) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13922](https://github.com/facebook/react/pull/13922)) From 6c4ac7b5db1dd1ebf2dafad10a81e5653c28565a Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:08:47 +0100 Subject: [PATCH 31/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 00c4fdc77..886136adf 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -124,7 +124,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * Ajouter `React.lazy()` pour la découpe de code les composants. ([@acdlite](https://github.com/acdlite) dans [#13885](https://github.com/facebook/react/pull/13885)) * `React.StrictMode` avertit désormais du recours à l’API Legacy Context ([@bvaughn](https://github.com/bvaughn) dans [#13760](https://github.com/facebook/react/pull/13760)) * `React.StrictMode` avertit désormais du recours à `findDOMNode`. ([@sebmarkbage](https://github.com/sebmarkbage) dans [#13841](https://github.com/facebook/react/pull/13841)) -* Renommer `unstable_AsyncMode` à `unstable_ConcurrentMode`. ([@trueadm](https://github.com/trueadm) dans [#13732](https://github.com/facebook/react/pull/13732)) +* Renommer `unstable_AsyncMode` en `unstable_ConcurrentMode`. ([@trueadm](https://github.com/trueadm) dans [#13732](https://github.com/facebook/react/pull/13732)) * Renommer `unstable_Placeholder` à `Suspense`, et `delayMs` à `maxDuration`. ([@gaearon](https://github.com/gaearon) dans [#13799](https://github.com/facebook/react/pull/13799) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13922](https://github.com/facebook/react/pull/13922)) ### React DOM {#react-dom} From e37ee7167ad50c2b1e4cd0fbeedf821aa70a497d Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:08:55 +0100 Subject: [PATCH 32/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 886136adf..3929f1533 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -125,7 +125,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * `React.StrictMode` avertit désormais du recours à l’API Legacy Context ([@bvaughn](https://github.com/bvaughn) dans [#13760](https://github.com/facebook/react/pull/13760)) * `React.StrictMode` avertit désormais du recours à `findDOMNode`. ([@sebmarkbage](https://github.com/sebmarkbage) dans [#13841](https://github.com/facebook/react/pull/13841)) * Renommer `unstable_AsyncMode` en `unstable_ConcurrentMode`. ([@trueadm](https://github.com/trueadm) dans [#13732](https://github.com/facebook/react/pull/13732)) -* Renommer `unstable_Placeholder` à `Suspense`, et `delayMs` à `maxDuration`. ([@gaearon](https://github.com/gaearon) dans [#13799](https://github.com/facebook/react/pull/13799) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13922](https://github.com/facebook/react/pull/13922)) +* Renommer `unstable_Placeholder` en `Suspense`, et `delayMs` en `maxDuration`. ([@gaearon](https://github.com/gaearon) dans [#13799](https://github.com/facebook/react/pull/13799) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13922](https://github.com/facebook/react/pull/13922)) ### React DOM {#react-dom} From 2308bde9e79e4b44fc401d4c7c30f577a5aa9f75 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:09:03 +0100 Subject: [PATCH 33/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 3929f1533..0ca488c10 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -129,7 +129,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill ### React DOM {#react-dom} -* Ajouter `contextType` comme moyen plus ergonomique de s’abonner au contexte d’une classe ([@bvaughn](https://github.com/bvaughn) dans [#13728](https://github.com/facebook/react/pull/13728)) +* Ajouter `contextType` comme moyen plus ergonomique de s’abonner au Contexte depuis une classe ([@bvaughn](https://github.com/bvaughn) dans [#13728](https://github.com/facebook/react/pull/13728)) * Ajouter `getDerivedStateFromError` méthode de cycle de vie permettant de détecter les erreurs dans un futur rendu asynchrone côté serveur. ([@bvaughn](https://github.com/bvaughn) dans [#13746](https://github.com/facebook/react/pull/13746)) * Avertir quand `` est utilisé à la place de ``. ([@trueadm](https://github.com/trueadm) dans [#13829](https://github.com/facebook/react/pull/13829)) * Correction du calque gris sur iOS Safari. ([@philipp-spiess](https://github.com/philipp-spiess) dans [#13778](https://github.com/facebook/react/pull/13778)) From 1a77c20643067396e739746b9f8b9c2df1e95026 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:09:11 +0100 Subject: [PATCH 34/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 0ca488c10..7825e8dc6 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -130,7 +130,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill ### React DOM {#react-dom} * Ajouter `contextType` comme moyen plus ergonomique de s’abonner au Contexte depuis une classe ([@bvaughn](https://github.com/bvaughn) dans [#13728](https://github.com/facebook/react/pull/13728)) -* Ajouter `getDerivedStateFromError` méthode de cycle de vie permettant de détecter les erreurs dans un futur rendu asynchrone côté serveur. ([@bvaughn](https://github.com/bvaughn) dans [#13746](https://github.com/facebook/react/pull/13746)) +* Ajouter la méthode de cycle de vie `getDerivedStateFromError` pour détecter les erreurs à l’avenir lors du rendu asynchrone côté serveur. ([@bvaughn](https://github.com/bvaughn) dans [#13746](https://github.com/facebook/react/pull/13746)) * Avertir quand `` est utilisé à la place de ``. ([@trueadm](https://github.com/trueadm) dans [#13829](https://github.com/facebook/react/pull/13829)) * Correction du calque gris sur iOS Safari. ([@philipp-spiess](https://github.com/philipp-spiess) dans [#13778](https://github.com/facebook/react/pull/13778)) * Corrige un bug causé par un écrasement `window.event` en développement. ([@sergei-startsev](https://github.com/sergei-startsev) dans [#13697](https://github.com/facebook/react/pull/13697)) From 053e414b6b3147a357a2d72a50fe4a4aa91ed393 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:09:19 +0100 Subject: [PATCH 35/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 7825e8dc6..348aa395f 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -133,7 +133,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * Ajouter la méthode de cycle de vie `getDerivedStateFromError` pour détecter les erreurs à l’avenir lors du rendu asynchrone côté serveur. ([@bvaughn](https://github.com/bvaughn) dans [#13746](https://github.com/facebook/react/pull/13746)) * Avertir quand `` est utilisé à la place de ``. ([@trueadm](https://github.com/trueadm) dans [#13829](https://github.com/facebook/react/pull/13829)) * Correction du calque gris sur iOS Safari. ([@philipp-spiess](https://github.com/philipp-spiess) dans [#13778](https://github.com/facebook/react/pull/13778)) -* Corrige un bug causé par un écrasement `window.event` en développement. ([@sergei-startsev](https://github.com/sergei-startsev) dans [#13697](https://github.com/facebook/react/pull/13697)) +* Corrige un bug causé par un écrasement de `window.event` en développement. ([@sergei-startsev](https://github.com/sergei-startsev) dans [#13697](https://github.com/facebook/react/pull/13697)) ### React DOM Server {#react-dom-server} From 356925cc781bafde86d4a04751ec3fe88a3fc061 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:09:27 +0100 Subject: [PATCH 36/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 348aa395f..0ec72b353 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -137,7 +137,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill ### React DOM Server {#react-dom-server} -* Ajouter un support pour `React.memo()`. ([@alexmckenley](https://github.com/alexmckenley) dans [#13855](https://github.com/facebook/react/pull/13855)) +* Ajouter la prise en charge de `React.memo()`. ([@alexmckenley](https://github.com/alexmckenley) dans [#13855](https://github.com/facebook/react/pull/13855)) * Ajouter un support pour `contextType`. ([@alexmckenley](https://github.com/alexmckenley) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13889](https://github.com/facebook/react/pull/13889)) ### Scheduler (Experimental) {#scheduler-experimental} From c7d368929c821dcdb6a2fabf1a51ec14b1618f60 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:09:34 +0100 Subject: [PATCH 37/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 0ec72b353..1820ce87f 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -138,7 +138,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill ### React DOM Server {#react-dom-server} * Ajouter la prise en charge de `React.memo()`. ([@alexmckenley](https://github.com/alexmckenley) dans [#13855](https://github.com/facebook/react/pull/13855)) -* Ajouter un support pour `contextType`. ([@alexmckenley](https://github.com/alexmckenley) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13889](https://github.com/facebook/react/pull/13889)) +* Ajouter la prise en charge de `contextType`. ([@alexmckenley](https://github.com/alexmckenley) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13889](https://github.com/facebook/react/pull/13889)) ### Scheduler (Experimental) {#scheduler-experimental} From a27e1b0b7ea33d9b3a5792b92fee97b2096dc717 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:09:55 +0100 Subject: [PATCH 38/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 1820ce87f..f250533f6 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -142,7 +142,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill ### Scheduler (Experimental) {#scheduler-experimental} -* Renommez le paquet en `scheduler`. ([@gaearon](https://github.com/gaearon) dans [#13683](https://github.com/facebook/react/pull/13683)) +* Renommer le module en `scheduler`. ([@gaearon](https://github.com/gaearon) dans [#13683](https://github.com/facebook/react/pull/13683)) * Prise en charge des niveaux de priorité, des continuations et des rappels encapsulés. ([@acdlite](https://github.com/acdlite) dans [#13720](https://github.com/facebook/react/pull/13720) et [#13842](https://github.com/facebook/react/pull/13842)) * Améliorer le mécanisme de secours dans les environnements non-DOM. ([@acdlite](https://github.com/acdlite) dans [#13740](https://github.com/facebook/react/pull/13740)) * Planifie `requestAnimationFrame` antérieurement. ([@acdlite](https://github.com/acdlite) dans [#13785](https://github.com/facebook/react/pull/13785)) From 52dc9a16b80c212e9d8be9e744bc8df41032dbf8 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:10:08 +0100 Subject: [PATCH 39/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index f250533f6..0f90c2f62 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -145,7 +145,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * Renommer le module en `scheduler`. ([@gaearon](https://github.com/gaearon) dans [#13683](https://github.com/facebook/react/pull/13683)) * Prise en charge des niveaux de priorité, des continuations et des rappels encapsulés. ([@acdlite](https://github.com/acdlite) dans [#13720](https://github.com/facebook/react/pull/13720) et [#13842](https://github.com/facebook/react/pull/13842)) * Améliorer le mécanisme de secours dans les environnements non-DOM. ([@acdlite](https://github.com/acdlite) dans [#13740](https://github.com/facebook/react/pull/13740)) -* Planifie `requestAnimationFrame` antérieurement. ([@acdlite](https://github.com/acdlite) dans [#13785](https://github.com/facebook/react/pull/13785)) +* Planifier `requestAnimationFrame` plus tôt. ([@acdlite](https://github.com/acdlite) dans [#13785](https://github.com/facebook/react/pull/13785)) * Corrigez la détection du DOM pour qu'elle soit plus complète. ([@trueadm](https://github.com/trueadm) dans [#13731](https://github.com/facebook/react/pull/13731)) * Correction de bugs avec le traçage d'interaction. ([@bvaughn](https://github.com/bvaughn) dans [#13590](https://github.com/facebook/react/pull/13590)) * Ajouter le `envify` transform au paquet. ([@mridgway](https://github.com/mridgway) dans [#13766](https://github.com/facebook/react/pull/13766)) From dd5591b128fa2c38fa602c454a72ec68a48bd972 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:10:19 +0100 Subject: [PATCH 40/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 0f90c2f62..129dac92b 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -146,7 +146,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * Prise en charge des niveaux de priorité, des continuations et des rappels encapsulés. ([@acdlite](https://github.com/acdlite) dans [#13720](https://github.com/facebook/react/pull/13720) et [#13842](https://github.com/facebook/react/pull/13842)) * Améliorer le mécanisme de secours dans les environnements non-DOM. ([@acdlite](https://github.com/acdlite) dans [#13740](https://github.com/facebook/react/pull/13740)) * Planifier `requestAnimationFrame` plus tôt. ([@acdlite](https://github.com/acdlite) dans [#13785](https://github.com/facebook/react/pull/13785)) -* Corrigez la détection du DOM pour qu'elle soit plus complète. ([@trueadm](https://github.com/trueadm) dans [#13731](https://github.com/facebook/react/pull/13731)) +* Correction de la détection du DOM pour qu'elle soit plus complète. ([@trueadm](https://github.com/trueadm) dans [#13731](https://github.com/facebook/react/pull/13731)) * Correction de bugs avec le traçage d'interaction. ([@bvaughn](https://github.com/bvaughn) dans [#13590](https://github.com/facebook/react/pull/13590)) * Ajouter le `envify` transform au paquet. ([@mridgway](https://github.com/mridgway) dans [#13766](https://github.com/facebook/react/pull/13766)) From fd3b0e9075245eb3d7802529579c73b52bc0eb62 Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:10:32 +0100 Subject: [PATCH 41/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 129dac92b..4ac754df5 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -148,5 +148,5 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * Planifier `requestAnimationFrame` plus tôt. ([@acdlite](https://github.com/acdlite) dans [#13785](https://github.com/facebook/react/pull/13785)) * Correction de la détection du DOM pour qu'elle soit plus complète. ([@trueadm](https://github.com/trueadm) dans [#13731](https://github.com/facebook/react/pull/13731)) * Correction de bugs avec le traçage d'interaction. ([@bvaughn](https://github.com/bvaughn) dans [#13590](https://github.com/facebook/react/pull/13590)) -* Ajouter le `envify` transform au paquet. ([@mridgway](https://github.com/mridgway) dans [#13766](https://github.com/facebook/react/pull/13766)) +* Ajouter la transformée `envify` au module. ([@mridgway](https://github.com/mridgway) dans [#13766](https://github.com/facebook/react/pull/13766)) From e245923b2f3dfc4b0e52e96ffbe5c4c7b3cfe06b Mon Sep 17 00:00:00 2001 From: Mustapha Selim Limam <34659784+MustaphaLimam@users.noreply.github.com> Date: Sun, 22 Sep 2019 12:10:39 +0100 Subject: [PATCH 42/43] Update content/blog/2018-10-23-react-v-16-6.md Co-Authored-By: Christophe Porteneuve --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 4ac754df5..1f439755d 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -140,7 +140,7 @@ Reportez-vous à la documentation pour les [instructions d'installation détaill * Ajouter la prise en charge de `React.memo()`. ([@alexmckenley](https://github.com/alexmckenley) dans [#13855](https://github.com/facebook/react/pull/13855)) * Ajouter la prise en charge de `contextType`. ([@alexmckenley](https://github.com/alexmckenley) et [@sebmarkbage](https://github.com/sebmarkbage) dans [#13889](https://github.com/facebook/react/pull/13889)) -### Scheduler (Experimental) {#scheduler-experimental} +### Planificateur (expérimental) {#scheduler-experimental} * Renommer le module en `scheduler`. ([@gaearon](https://github.com/gaearon) dans [#13683](https://github.com/facebook/react/pull/13683)) * Prise en charge des niveaux de priorité, des continuations et des rappels encapsulés. ([@acdlite](https://github.com/acdlite) dans [#13720](https://github.com/facebook/react/pull/13720) et [#13842](https://github.com/facebook/react/pull/13842)) From 491561fa75096bba84901cd5d599e00a38f22555 Mon Sep 17 00:00:00 2001 From: Christophe Porteneuve Date: Wed, 16 Oct 2019 10:34:42 +0200 Subject: [PATCH 43/43] Update 2018-10-23-react-v-16-6.md --- content/blog/2018-10-23-react-v-16-6.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/blog/2018-10-23-react-v-16-6.md b/content/blog/2018-10-23-react-v-16-6.md index 1f439755d..0dc091576 100644 --- a/content/blog/2018-10-23-react-v-16-6.md +++ b/content/blog/2018-10-23-react-v-16-6.md @@ -27,7 +27,7 @@ const OtherComponent = lazy(() => import('./OtherComponent')); function MyComponent() { return ( - Loading...}> + Chargement…}> );