Programmazione ecmascript-6

1

Quando utilizzare i componenti React basati sulla classe ES6 rispetto ai componenti React ES6 funzionali?

Dopo aver trascorso un po 'di tempo a imparare React, capisco la differenza tra i due paradigmi principali nella creazione di componenti. La mia domanda è quando dovrei usare quale e perché? Quali sono i vantaggi / compromessi di uno rispetto all'altro? Classi ES6: import React, { Component } from …

213 javascript reactjs ecmascript-6 redux

8

Come faccio a scrivere una funzione freccia denominata in ES2015?

Ho una funzione che sto cercando di convertire nella nuova sintassi della freccia in ES6 . È una funzione denominata: function sayHello(name) { console.log(name + ' says hello'); } C'è un modo per dargli un nome senza un'istruzione var: var sayHello = (name) => { console.log(name + ' says hello'); …

204 javascript ecmascript-6 arrow-functions

6

`export const` vs.` export default` in ES6

Sto cercando di determinare se ci sono grandi differenze tra questi due, oltre a poter importare export defaultsemplicemente facendo: import myItem from 'myItem'; E usando export constposso fare: import { myItem } from 'myItem'; Mi chiedo se ci siano differenze e / o casi d'uso diversi da questo.

204 javascript ecmascript-6 es6-modules

5

Esportazione / importazione ES6 nel file indice

Attualmente sto usando ES6 in un'app React tramite webpack / babel. Sto usando i file indice per raccogliere tutti i componenti di un modulo ed esportarli. Sfortunatamente, sembra così: 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

Non è consigliabile utilizzare "Usa rigoroso" in ES6?

Non ho ancora familiarità con ECMAScript 6. Ho appena clonato il repository React Starter Kit, che utilizza ES6 per il codice dell'applicazione. Sono rimasto sorpreso di vedere che la linter è configurato di vietare occorrenze della use strictdirettiva, che ho pensato è stato consigliato in pre-ES6 JavaScript. Quindi qual è …

200 javascript ecmascript-6 strict es6-modules

4

Babel 6 cambia la modalità di esportazione predefinita

Prima Babel avrebbe aggiunto la linea module.exports = exports["default"]. Non lo fa più. Ciò significa che prima che potessi fare: var foo = require('./foo'); // use foo Ora devo fare questo: var foo = require('./foo').default; // use foo Non è un grosso problema (e suppongo che questo sia quello che …

195 ecmascript-6 commonjs babeljs

11

Come posso importare condizionalmente un modulo ES6?

Devo fare qualcosa del tipo: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } Il codice sopra non viene compilato; getta SyntaxError: ... 'import' and 'export' may only appear at the top level. Ho provato a usare System.importcome mostrato qui , ma non so …

194 javascript module ecmascript-6

13

"Importazione di token imprevista" in Nodejs5 e babel?

Nel file js, ho usato l'importazione anziché la richiesta import co from 'co'; E ho provato a eseguirlo direttamente da nodejs poiché diceva che l'importazione è "funzionalità di spedizione" e supporto senza alcun flag di runtime ( https://nodejs.org/en/docs/es6/ ), ma ho ricevuto un errore import co from 'co'; ^^^^^^ SyntaxError: …

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

3

Reagire componente stateless funzionale, PureComponent, Component; quali sono le differenze e quando dovremmo usare cosa?

Sono venuto a sapere che da React v15.3.0 , abbiamo una nuova classe base chiamata PureComponent da estendere con PureRenderMixin integrato. Quello che capisco è che, sotto il cofano, questo utilizza un confronto superficiale di oggetti di scena all'interno shouldComponentUpdate. Ora abbiamo 3 modi per definire un componente React: Componente …

189 javascript reactjs ecmascript-6

6

eslint: errore Errore di analisi: la parola chiave "const" è riservata

Ricevo questo errore da ESLint: error Parsing error: The keyword 'const' is reserved da questo codice: const express = require('express'); const app = express(); const _ = require('underscore'); Ho provato a rimuovere node_modulese reinstallare tutti i pacchetti npm (come suggerito qui ), ma senza risultati.

188 javascript node.js ecmascript-6 eslint

4

Uso corretto di const per la definizione di funzioni in JavaScript

Sono interessato se ci sono limiti a quali tipi di valori possono essere impostati utilizzando constJavaScript, in particolari funzioni. È valido? Concesso che funziona, ma è considerato una cattiva pratica per qualsiasi motivo? const doSomething = () => { ... } Tutte le funzioni dovrebbero essere definite in questo modo …

183 javascript function const ecmascript-6

4

Come utilizzare le funzioni freccia (campi di classe pubblica) come metodi di classe?

Sono nuovo nell'uso delle classi ES6 con React, in precedenza ho associato i miei metodi all'oggetto corrente (mostra nel primo esempio), ma ES6 mi consente di associare permanentemente una funzione di classe a un'istanza di classe con le frecce? (Utile quando si passa come funzione di callback.) Ottengo errori quando …

181 javascript reactjs ecmascript-6 babeljs ecmascript-next

19

Come scorrere fino a un elemento?

Ho un widget di chat che visualizza una serie di messaggi ogni volta che scorro verso l'alto. Il problema che sto affrontando ora è che il dispositivo di scorrimento rimane fisso in alto quando i messaggi vengono caricati. Voglio che si concentri sull'ultimo elemento indice dell'array precedente. Ho capito che …

181 javascript reactjs ecmascript-6

3

Chiama i metodi statici dai normali metodi di classe ES6

Qual è il modo standard di chiamare metodi statici? Posso pensare di usareconstructor o usare il nome della classe stessa, non mi piace quest'ultima poiché non mi sembra necessaria. Il primo è il modo raccomandato o c'è qualcos'altro? Ecco un esempio (inventato): class SomeObject { constructor(n){ this.n = n; } …

176 javascript class static ecmascript-6 es6-class

9

dove sono i file e le configurazioni di webpack per creare-reagire-app?

Creo un progetto ReactJS con il create-react-apppacchetto e ha funzionato bene, ma non riesco a trovare i file e le configurazioni del webpack. Come funziona la reatt-create-app con il webpack? Dove si trovano i file di configurazione del webpack in un'installazione predefinita create-react-app? Non riesco a trovare i file di …

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

Domande taggate «ecmascript-6»