Preguntas etiquetadas con ecmascript-6

Después de pasar un tiempo aprendiendo React, entiendo la diferencia entre los dos paradigmas principales de crear componentes. Mi pregunta es cuándo debo usar cuál y por qué. ¿Cuáles son los beneficios / compensaciones de uno sobre el otro? Clases de ES6: import React, { Component } from 'react'; export …

213 javascript  reactjs  ecmascript-6  redux 

Tengo una función que estoy tratando de convertir a la nueva sintaxis de flecha en ES6 . Es una función con nombre: function sayHello(name) { console.log(name + ' says hello'); } ¿Hay alguna manera de darle un nombre sin una declaración var: var sayHello = (name) => { console.log(name + …

204 javascript  ecmascript-6  arrow-functions 

Estoy tratando de determinar si hay grandes diferencias entre estos dos, además de poder importar con export defaultsolo hacer: import myItem from 'myItem'; Y usando export constpuedo hacer: import { myItem } from 'myItem'; Me pregunto si hay diferencias y / o casos de uso distintos a este.

204 javascript  ecmascript-6  es6-modules 

Actualmente estoy usando ES6 en una aplicación React a través de webpack / babel. Estoy usando archivos de índice para reunir todos los componentes de un módulo y exportarlos. Desafortunadamente, eso se ve así: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = …

202 javascript  ecmascript-6  webpack  babeljs 

Todavía no estoy familiarizado con ECMAScript 6. Acabo de clonar el repositorio React Starter Kit, que usa ES6 para el código de la aplicación. Me sorprendió ver que el linter está configurado para prohibir las ocurrencias de la use strictdirectiva, que pensé que se recomendaba en JavaScript anterior a ES6. …

200 javascript  ecmascript-6  strict  es6-modules 

Antes, Babel agregaba la línea module.exports = exports["default"]. Ya no hace esto. Lo que esto significa es antes de que pueda hacer: var foo = require('./foo'); // use foo Ahora tengo que hacer esto: var foo = require('./foo').default; // use foo No es un gran problema (y supongo que esto …

195 ecmascript-6  commonjs  babeljs 

Necesito hacer algo como: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } El código anterior no se compila; lanza SyntaxError: ... 'import' and 'export' may only appear at the top level. Intenté usar System.importcomo se muestra aquí , pero no sé de dónde …

194 javascript  module  ecmascript-6 

En el archivo js, ​​solía importar en lugar de requerir import co from 'co'; E intenté ejecutarlo directamente por nodejs ya que decía que la importación es 'características de envío' y soporte sin ningún indicador de tiempo de ejecución ( https://nodejs.org/en/docs/es6/ ), pero recibí un error import co from 'co'; …

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

Llegué a saber que desde React v15.3.0 , tenemos una nueva clase base llamada PureComponent para extender con PureRenderMixin incorporado. Lo que entiendo es que, bajo el capó, esto emplea una comparación superficial de accesorios dentro shouldComponentUpdate. Ahora tenemos 3 formas de definir un componente Reaccionar: Componente sin estado funcional …

189 javascript  reactjs  ecmascript-6 

Recibo este error de ESLint: error Parsing error: The keyword 'const' is reserved de este código: const express = require('express'); const app = express(); const _ = require('underscore'); Intenté eliminar node_modulesy reinstalar todos los paquetes npm (como se sugiere aquí ), pero fue en vano.

188 javascript  node.js  ecmascript-6  eslint 

Me interesa saber si hay algún límite con respecto a qué tipos de valores se pueden establecer usando constJavaScript, en particular funciones. ¿Es esto válido? De acuerdo, funciona, pero ¿se considera una mala práctica por alguna razón? const doSomething = () => { ... } ¿Deberían definirse todas las funciones …

183 javascript  function  const  ecmascript-6 

Soy nuevo en el uso de clases ES6 con React, anteriormente he estado vinculando mis métodos al objeto actual (mostrar en el primer ejemplo), pero ¿ES6 me permite vincular permanentemente una función de clase a una instancia de clase con flechas? (Útil cuando se pasa como una función de devolución …

181 javascript  reactjs  ecmascript-6  babeljs  ecmascript-next 

Tengo un widget de chat que muestra una variedad de mensajes cada vez que me desplazo hacia arriba. El problema que estoy enfrentando ahora es que el control deslizante permanece fijo en la parte superior cuando se cargan los mensajes. Quiero que se centre en el último elemento del índice …

181 javascript  reactjs  ecmascript-6 

¿Cuál es la forma estándar de llamar a métodos estáticos? Puedo pensar en usar constructoro usar el nombre de la clase en sí, no me gusta este último ya que no me parece necesario. ¿Es la primera la forma recomendada o hay algo más? Aquí hay un ejemplo (artificial): class …

175 javascript  class  static  ecmascript-6  es6-class 

Creo un proyecto ReactJS con el create-react-apppaquete y funcionó bien, pero no puedo encontrar los archivos y las configuraciones del paquete web. ¿Cómo funciona react-create-app con webpack? ¿Dónde se encuentran los archivos de configuración del paquete web en una instalación predeterminada create-react-app? No puedo encontrar archivos de configuración en las …

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