Perguntas com a marcação «ecmascript-6»

Depois de passar algum tempo aprendendo o React, entendo a diferença entre os dois principais paradigmas da criação de componentes. Minha pergunta é quando devo usar qual e por quê? Quais são os benefícios / tradeoffs de um sobre o outro? Classes ES6: import React, { Component } from 'react'; …

212 javascript  reactjs  ecmascript-6  redux 

Eu tenho uma função que estou tentando converter para a nova sintaxe de seta em ES6 . É uma função nomeada: function sayHello(name) { console.log(name + ' says hello'); } Existe uma maneira de dar um nome a ele sem uma instrução var: var sayHello = (name) => { console.log(name …

204 javascript  ecmascript-6  arrow-functions 

Estou tentando determinar se há grandes diferenças entre esses dois, além de poder importar export defaultapenas fazendo: import myItem from 'myItem'; E usando export consteu posso fazer: import { myItem } from 'myItem'; Gostaria de saber se existem diferenças e / ou casos de uso além deste.

204 javascript  ecmascript-6  es6-modules 

Atualmente, estou usando o ES6 em um aplicativo React via webpack / babel. Estou usando arquivos de índice para reunir todos os componentes de um módulo e exportá-los. Infelizmente, é assim: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const …

202 javascript  ecmascript-6  webpack  babeljs 

Ainda não estou familiarizado com o ECMAScript 6. Acabei de clonar o repositório do React Starter Kit, que usa o ES6 para o código do aplicativo. Fiquei surpreso ao ver que o linter está configurado para proibir ocorrências da use strictdiretiva, o que eu achava que era recomendado no JavaScript …

200 javascript  ecmascript-6  strict  es6-modules 

Antes, babel adicionava a linha module.exports = exports["default"]. Não faz mais isso. O que isso significa é antes que eu pudesse fazer: var foo = require('./foo'); // use foo Agora eu tenho que fazer isso: var foo = require('./foo').default; // use foo Não é um grande negócio (e acho que …

195 ecmascript-6  commonjs  babeljs 

No arquivo js, ​​usei import para, em vez de exigir import co from 'co'; E tentei executá-lo diretamente pelo nodejs, pois dizia que a importação é 'recursos de remessa' e suporte sem nenhum sinalizador de tempo de execução ( https://nodejs.org/en/docs/es6/ ), mas recebi um erro import co from 'co'; ^^^^^^ …

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

Eu preciso fazer algo como: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } O código acima não compila; joga SyntaxError: ... 'import' and 'export' may only appear at the top level. Tentei usar System.importcomo mostrado aqui , mas não sei de onde Systemvem. …

192 javascript  module  ecmascript-6 

Soube que, a partir do React v15.3.0 , temos uma nova classe base chamada PureComponent para estender com o PureRenderMixin embutido. O que eu entendo é que, sob o capô, isso emprega uma comparação superficial de adereços no interior shouldComponentUpdate. Agora, temos três maneiras de definir um componente React: Componente …

188 javascript  reactjs  ecmascript-6 

Estou recebendo este erro do ESLint: error Parsing error: The keyword 'const' is reserved deste código: const express = require('express'); const app = express(); const _ = require('underscore'); Tentei remover node_modulese reinstalar todos os pacotes npm (como sugerido aqui ), mas sem sucesso.

188 javascript  node.js  ecmascript-6  eslint 

Estou interessado em saber se existem limites para quais tipos de valores podem ser definidos usando constJavaScript - em funções específicas. Isso é válido? Concedido que funciona, mas é considerado má prática por qualquer motivo? const doSomething = () => { ... } Todas as funções devem ser definidas dessa …

183 javascript  function  const  ecmascript-6 

Eu sou novo no uso de classes ES6 com React; anteriormente, vinculei meus métodos ao objeto atual (mostrado no primeiro exemplo), mas o ES6 me permite vincular permanentemente uma função de classe a uma instância de classe com setas? (Útil ao passar como uma função de retorno de chamada.) Eu …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

Eu tenho um widget de bate-papo que exibe uma variedade de mensagens toda vez que eu rolar para cima. O problema que estou enfrentando agora é que o controle deslizante permanece fixo na parte superior quando as mensagens são carregadas. Eu quero que ele se concentre no último elemento de …

181 javascript  reactjs  ecmascript-6 

Qual é a maneira padrão de chamar métodos estáticos? Posso pensar em usar constructorou usar o nome da classe em si, não gosto desta última, pois ela não parece necessária. O primeiro é o caminho recomendado ou existe algo mais? Aqui está um exemplo (artificial): class SomeObject { constructor(n){ this.n …

175 javascript  class  static  ecmascript-6  es6-class 

Crio um projeto ReactJS com o create-react-apppacote e funcionou bem, mas não consigo encontrar arquivos e configurações do webpack. Como o react-create-app funciona com o webpack? Onde estão os arquivos de configuração do webpack em uma instalação padrão create-react-app? Não consigo encontrar os arquivos de configuração nas pastas do meu …

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