Recientemente he estado estudiando mucho sobre la funcionalidad y las formas de usar la biblioteca de JavaScript de Facebook React.js. Cuando se habla de sus diferencias con el resto del mundo de JavaScript, a menudo se mencionan los dos estilos de programación declarativey imperative. ¿Cuál es...
Ya he estado usando las funciones ECMAScript 6 y ECMAScript 7 (gracias a Babel) en mis aplicaciones, tanto móviles como web. El primer paso obviamente fue a los niveles de ECMAScript 6. Aprendí muchos patrones asincrónicos, las promesas (que son realmente prometedoras), los generadores (no...
En esta documentación de React, se dice que shallowCompare realiza una verificación de igualdad superficial en los objetos de utilería actuales y nextProps, así como en el estado actual y los objetos nextState. Lo que no puedo entender es que si compara superficialmente los objetos, el...
¿Cómo puedo activar manualmente un evento de clic en ReactJS ? Cuando un usuario hace clic en element1, quiero activar automáticamente un clic en la inputetiqueta. <div className="div-margins logoContainer"> <div id="element1" className="content" onClick={this.uploadLogoIcon}>...
Algo así de simple debería lograrse fácilmente, sin embargo, me estoy tirando de los pelos por lo complicado que es. Todo lo que quiero hacer es animar el montaje y desmontaje de un componente React, eso es todo. Esto es lo que he probado hasta ahora y por qué cada solución no...
Soy nuevo en ReactJs. Este es mi codigo: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...
Soy nuevo en la biblioteca React.js y estaba repasando algunos de los tutoriales y me encontré con: this.setState this.replaceState La descripción dada no es muy clara (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState'
Había construido un sitio web con React.js y webpack . Quiero usar fuentes de Google en la página web, así que pongo el enlace en la sección. Fuentes de Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Y configura CSS body{ font-family: 'Bungee...
Quiero llamar a un método expuesto por un componente React desde la instancia de un Elemento React. Por ejemplo, en este jsfiddle . Quiero llamar al alertMessagemétodo desde la HelloElementreferencia. ¿Hay alguna manera de lograr esto sin tener que escribir envoltorios adicionales? Editar...
Estoy tratando de hacer UN SIMPLE usando react-router ( versión ^ 1.0.3 ) para redirigir a otra vista y me estoy cansando. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = { router:...
Soy muy nuevo en webpack, descubrí que en la compilación de producción podemos reducir el tamaño del código general. Actualmente, el paquete web tiene alrededor de 8 MB de archivos y main.js alrededor de 5 MB. ¿Cómo reducir el tamaño del código en la construcción de producción? Encontré un...
Antes de publicar esta pregunta, intenté buscar en sqa stackexchange pero no encontré ninguna publicación sobre superficial y renderizado allí, así que espero que alguien pueda ayudarme aquí. ¿Cuándo debo usar shallow y render al probar los componentes de React? Según los documentos de Airbnb, he...
Tengo una biblioteca de componentes para la que estoy escribiendo pruebas unitarias para usar Jest y react-testing-library. Basado en ciertos accesorios o eventos, quiero verificar que ciertos elementos no se estén renderizando. getByText, getByTestId, Etc tiro y el error en
Según los documentos: componentDidUpdate()se invoca inmediatamente después de que se realiza la actualización. Este método no se llama para el renderizado inicial. Podemos usar el nuevo useEffect()gancho para simular componentDidUpdate(), pero parece que useEffect()se ejecuta después de...
Espero que el estado se recargue en el cambio de accesorios, pero esto no funciona y la uservariable no se actualiza en la próxima useStatellamada, ¿qué está mal? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img...
Estoy tratando de crear un formulario simple con reaccionar, pero tengo dificultades para que los datos se vinculen correctamente con el valor predeterminado del formulario. El comportamiento que estoy buscando es este: Cuando abro mi página, el campo de entrada de texto debe llenarse con el...
Básicamente, tengo un componente de reacción, su render()cuerpo de función es el siguiente: (Es mi ideal, lo que significa que actualmente no funciona) render(){ return ( <div> <Element1/> <Element2/> // note: code does not work here if (this.props.hasImage) <MyImage...
Soy nuevo en ReactJS y quiero importar imágenes en un componente. Estas imágenes están dentro de la carpeta pública y no sé cómo acceder a la carpeta desde el componente react. Algunas ideas ? EDITAR Quiero importar una imagen dentro de Bottom.js o Header.js La carpeta de estructura...
Además de la capacidad de establecer un "activeClassName" y "activeStyle" en NavLink, ¿hay alguna razón para usar NavLink sobre Link al crear enlaces a otras rutas en elementos que no son de navegación (es decir, no navegación principal en el encabezado o pie de página) en su sitio? que no...
Mientras revisaba el HTML de algunas páginas, noté que algunas de ellas usan este atributo "data-reactid" como: <a data-reactid="......" ></a> ¿Cuál es ese atributo y cuál es su función?