La programmation ecmascript-6

4

Quand utiliser les composants React basés sur la classe ES6 par rapport aux composants ES6 React fonctionnels?

Après avoir passé du temps à apprendre React, je comprends la différence entre les deux principaux paradigmes de création de composants. Ma question est quand dois-je utiliser lequel et pourquoi? Quels sont les avantages / compromis de l'un sur l'autre? Classes ES6: import React, { Component } from 'react'; export …

213 javascript reactjs ecmascript-6 redux

8

Comment écrire une fonction de flèche nommée dans ES2015?

J'ai une fonction que j'essaye de convertir à la nouvelle syntaxe de flèche dans ES6 . C'est une fonction nommée: function sayHello(name) { console.log(name + ' says hello'); } Existe-t-il un moyen de lui donner un nom sans instruction var: var sayHello = (name) => { console.log(name + ' says …

204 javascript ecmascript-6 arrow-functions

6

`export const` vs` export default` dans ES6

J'essaie de déterminer s'il y a de grandes différences entre ces deux, à part pouvoir importer avec export defaultsimplement en faisant: import myItem from 'myItem'; Et en utilisant export constje peux faire: import { myItem } from 'myItem'; Je me demande s'il existe des différences et / ou des cas …

204 javascript ecmascript-6 es6-modules

5

Exportation / importation ES6 dans un fichier d'index

J'utilise actuellement ES6 dans une application React via webpack / babel. J'utilise des fichiers d'index pour rassembler tous les composants d'un module et les exporter. Malheureusement, cela ressemble à ceci: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 …

202 javascript ecmascript-6 webpack babeljs

1

Pas recommandé d'utiliser "use strict" dans ES6?

Je ne connais pas encore ECMAScript 6. Je viens de cloner le référentiel React Starter Kit, qui utilise ES6 pour le code d'application. J'ai été surpris de voir que le linter est configuré pour interdire les occurrences de la use strictdirective, que je pensais être recommandée dans le JavaScript pré-ES6. …

200 javascript ecmascript-6 strict es6-modules

4

Babel 6 change la façon dont il exporte par défaut

Avant, babel ajoutait la ligne module.exports = exports["default"]. Il ne fait plus cela. Ce que cela signifie, c'est avant que je puisse faire: var foo = require('./foo'); // use foo Maintenant, je dois faire ceci: var foo = require('./foo').default; // use foo Pas une grosse affaire (et je suppose que …

195 ecmascript-6 commonjs babeljs

11

Comment puis-je importer sous condition un module ES6?

J'ai besoin de faire quelque chose comme: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } Le code ci-dessus ne compile pas; il jette SyntaxError: ... 'import' and 'export' may only appear at the top level. J'ai essayé d'utiliser System.importcomme indiqué ici , mais …

194 javascript module ecmascript-6

13

«Importation de jetons inattendue» dans Nodejs5 et babel?

Dans le fichier js, j'ai utilisé l'importation vers au lieu d'exiger import co from 'co'; Et j'ai essayé de l'exécuter directement par nodejs car il disait que l'importation était des `` fonctionnalités d'expédition '' et un support sans aucun indicateur d'exécution ( https://nodejs.org/en/docs/es6/ ), mais j'ai eu une erreur import …

192 javascript node.js ecmascript-6 babeljs package.json

3

Composant sans état fonctionnel React, PureComponent, Component; quelles sont les différences et quand devons-nous utiliser quoi?

J'ai appris qu'à partir de React v15.3.0 , nous avons une nouvelle classe de base appelée PureComponent à étendre avec PureRenderMixin intégré. Ce que je comprends, c'est que, sous le capot, cela utilise une comparaison superficielle des accessoires à l'intérieur shouldComponentUpdate. Nous avons maintenant 3 façons de définir un composant …

191 javascript reactjs ecmascript-6

6

eslint: erreur Erreur d'analyse: le mot-clé 'const' est réservé

J'obtiens cette erreur d'ESLint: error Parsing error: The keyword 'const' is reserved à partir de ce code: const express = require('express'); const app = express(); const _ = require('underscore'); J'ai essayé de supprimer node_moduleset de réinstaller tous les packages npm (comme suggéré ici ), mais en vain.

188 javascript node.js ecmascript-6 eslint

4

Utilisation correcte de const pour définir des fonctions en JavaScript

Je suis intéressé de savoir s'il existe des limites aux types de valeurs pouvant être définis à l'aide constde JavaScript - en particulier des fonctions. Est-ce valable? Certes, cela fonctionne, mais est-ce considéré comme une mauvaise pratique pour une raison quelconque? const doSomething = () => { ... } Toutes …

183 javascript function const ecmascript-6

4

Comment utiliser les fonctions fléchées (champs de classe publique) comme méthodes de classe?

Je suis nouveau dans l'utilisation des classes ES6 avec React, auparavant j'avais lié mes méthodes à l'objet actuel (voir dans le premier exemple), mais ES6 me permet-il de lier de manière permanente une fonction de classe à une instance de classe avec des flèches? (Utile lors du passage en tant …

183 javascript reactjs ecmascript-6 babeljs ecmascript-next

19

Comment faire défiler jusqu'à un élément?

J'ai un widget de chat qui affiche un tableau de messages à chaque fois que je fais défiler vers le haut. Le problème auquel je suis confronté maintenant est que le curseur reste fixe en haut lorsque les messages se chargent. Je veux qu'il se concentre sur le dernier élément …

181 javascript reactjs ecmascript-6

3

Appeler des méthodes statiques à partir de méthodes de classe ES6 régulières

Quelle est la manière standard d'appeler des méthodes statiques? Je peux penser à utiliser constructorou utiliser le nom de la classe elle-même, je n'aime pas ce dernier car cela ne me semble pas nécessaire. La première méthode est-elle recommandée ou y a-t-il autre chose? Voici un exemple (artificiel): class SomeObject …

176 javascript class static ecmascript-6 es6-class

9

où se trouvent la configuration et les fichiers du pack web create-react-app?

Je crée un projet ReactJS avec le create-react-apppackage et cela a bien fonctionné, mais je ne trouve pas de fichiers et de configurations Webpack. Comment React-Create-App fonctionne avec Webpack? Où se trouvent les fichiers de configuration Webpack dans une installation par défaut avec create-react-app? Je ne parviens pas à trouver …

174 javascript reactjs webpack ecmascript-6 create-react-app

Questions marquées «ecmascript-6»