Vincent Barrault

Dois-je importer React from React ?

Dois-je importer React from React ?

Table des matières

Un import inutilisé ?

Je n'utilise pas React depuis longtemps. Pour être exact, je l'utilise depuis Octobre 2020. Ce qui correspond à peu près à la sortie de React 17.

Je vois souvent dans les imports la ligne suivante:

./any-file.ts
import React from 'react'

/**
 * Suite du fichier
 */

Dans ce fichier, mon IDE m'indique que cet import n'est pas utilisé.

J'ai alors recherché ce que c'était, à quoi il servait, et est ce qu'il était réellement inutile ?

Un reliqua des anciennes versions

J'ai lu dans la documentation de React qu'avant la version 17 de React, un code comme ceci:

./app.jsx
import React from 'react';

function App() {
    return <p>My Application</p>;
}

Etait transformé en:

./app.js
import React from 'react';

function App() {
    return React.createElement('p', null, 'My Application');
}

D'où la nécessité d'importer React from React.

Mais depuis la version 17 de React, cela n'est plus nécessaire.

Conclusion

Je peux donc retirer tous ces imports sans risque.

Pour plus d'information, voici la documentation sur laquelle je m'appuie.

https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html