Podemos actualizar un objeto en React usando el método setState(). Cada componente en React hereda el método setState() de su nombre de componente Base Component. El método setState() le dice a React que estamos actualizando el estado, luego averiguará qué parte del estado ha cambiado y, en función de eso, sincronizará el DOM con el … Continue reading «¿Cómo actualizar un objeto con setState en ReactJS?»
Sass es un lenguaje de secuencias de comandos que se compila en hojas de estilo en cascada (CSS) . Es una especie de lenguaje de preprocesador. Inicialmente fue diseñado por Hampton Catlin y luego fue desarrollado por Natalie Weizenbaum. Después de sus versiones iniciales, Weizenbaum y Chris Eppstein continuaron ampliando SASS con SassScript. Admite cuatro … Continue reading «¿Cómo instalar node-sass en el proyecto React?»
React es una biblioteca de JavaScript creada por Facebook . Es una herramienta para construir un componenteUI (interfaz deusuario ) . Es ampliamente utilizado para hacer SPA ( aplicación de una sola página) y tiene una gran comunidad de desarrolladores. Django es un marco web basado en Python que fomenta el desarrollo rápido y el … Continue reading «¿Cómo conectar Django con Reactjs?»
React Router es una biblioteca estándar para el enrutamiento en React. Permite la navegación entre vistas de varios componentes en una aplicación React, permite cambiar la URL del navegador y mantiene la interfaz de usuario sincronizada con la URL. Vamos a crear una aplicación simple para React para comprender cómo funciona React Router. La aplicación … Continue reading «ReactJS | enrutador»
ReactJS tiene una manera muy hermosa de alinear imágenes y texto verticalmente en la misma línea en React Bootstrap. ReactJS es una biblioteca front-end desarrollada por Facebook para construir varios componentes del front-end. Bootstrap es un marco CSS desarrollado por Twitter para crear sitios web front-end enriquecidos con CSS. Incluyendo Bootstrap: Bootstrap se puede incrustar … Continue reading «¿Cómo alinear una imagen y texto verticalmente en la misma línea en React Bootstrap?»
El método componentDidMount() nos permite ejecutar el código React cuando el componente ya está colocado en el DOM (Document Object Model). Este método se llama durante la fase de montaje del ciclo de vida de React, es decir, después de renderizar el componente. Todas las requests de AJAX y la actualización de estado o DOM … Continue reading «Método ReactJS componenteDidMount()»
En ReactJS , necesitamos vincular eventos para que esta palabra clave no devuelva un » indefinido «. En este artículo, veremos las diferentes formas en que podemos vincular los controladores de eventos en ReactJS . Primero, hagamos un nuevo componente de clase y asígnele el nombre Binding.js. Cree un componente de clase simple con un … Continue reading «ReactJS | Controladores de eventos vinculantes»
En el artículo anterior sobre la introducción a JSX , aprendimos que podemos usar JSX para almacenar marcas HTML dentro de variables de Javascript. Ahora, ReactJS es una biblioteca para crear interfaces de usuario activas, por lo que la representación es una de las partes integrales de ReactJS. React proporciona a los desarrolladores un paquete … Continue reading «ReactJS | ReactDOM»
React …la librería más popular de Javascriptpara la construcción de interfaces de usuario. Para los desarrolladores, esta biblioteca es una de las bibliotecas favoritas para crear cualquier tipo de aplicación hermosa. Aprender React puede ser fácil para ti. Empiezas a usar React y empiezas a desarrollar una aplicación. Usted crea un componente para construir algunas … Continue reading «7 mejores prácticas de React que todo desarrollador web debe seguir»
En los componentes basados en la clase React, cuando usamos devoluciones de llamada del controlador de eventos, es muy importante prestar especial atención a la palabra clave ‘esto’. En estos casos, el contexto no está definido cuando se invoca la función de devolución de llamada, por eso tenemos que vincular el contexto de esto. Ahora … Continue reading «¿Cómo evitar la vinculación mediante el uso de funciones de flecha en las devoluciones de llamada en ReactJS?»