Categoría: react-js

¿Cómo guardar una imagen en localStorage y mostrarla en la página siguiente?

Posted on by Rudeus Greyrat

¿Qué es el almacenamiento local? LocalStorage es una API web disponible para todos los navegadores web modernos de forma predeterminada. Permite que los sitios web almacenen una cantidad mínima de datos en el navegador que se pueden usar en futuras sesiones del navegador. localStorage es similar a sessionStorage excepto que localStorage no tiene fecha de … Continue reading «¿Cómo guardar una imagen en localStorage y mostrarla en la página siguiente?»

¿Cómo crear un botón en la aplicación React-Native?

Posted on by Rudeus Greyrat

En este artículo, veremos cómo crear botones en react-native, su sintaxis y los diferentes tipos de botones disponibles en react native. Crear un botón en reaccionar nativo es muy simple. Primero, tenemos que importar el componente del botón desde React Native. import { Button } from ‘react-native’ Si no está familiarizado con los componentes de … Continue reading «¿Cómo crear un botón en la aplicación React-Native?»

ReactJS | Aplicación de calculadora (interfaz de usuario del edificio)

Posted on by Rudeus Greyrat

En el artículo anterior , creamos nuestra primera aplicación y eliminamos todos los archivos que no necesitábamos y creamos algunos de los archivos que necesitaremos en el futuro. Ahora que estamos en nuestra situación actual, tenemos un lienzo en blanco ante nosotros donde tendremos que crear nuestra aplicación de calculadora. Antes de pasar a desarrollar … Continue reading «ReactJS | Aplicación de calculadora (interfaz de usuario del edificio)»

Las 5 habilidades principales que debe conocer antes de aprender ReactJS

Posted on by Rudeus Greyrat

¿Sabes suficiente javascript antes de saltar a React? ¿Sabe cómo usar el método map() para recorrer una array en javascript o ReactJS?Si está aprendiendo React y se queda atascado en este tipo de preguntas anteriores, definitivamente está cometiendo errores en su proceso de aprendizaje. No hay duda de que ReactJS es la biblioteca más popular … Continue reading «Las 5 habilidades principales que debe conocer antes de aprender ReactJS»

¿Cómo habilitar el botón basado en la declaración If en React.js?

Posted on by Rudeus Greyrat

Para mostrar el botón de forma condicional usando la instrucción if y else, podemos usar state en react.js. Declare el estado en el método constructor porque se carga primero cuando se carga el componente. Para alternar entre usuario y administrador, necesitamos usar un controlador de eventos. Usando este controlador de eventos, podemos alternar el estado … Continue reading «¿Cómo habilitar el botón basado en la declaración If en React.js?»

ReactJS Props Referencia completa – Part 1

Posted on by Rudeus Greyrat

React nos permite pasar información a un Componente (de un componente principal a un componente secundario) usando algo llamado props (abreviatura de propiedades). Props es básicamente un objeto que está disponible para todos los componentes de React. Los accesorios son de solo lectura y no pueden ser modificados por el componente al que pertenecen.  Pasar … Continue reading «ReactJS Props Referencia completa – Part 1»

ReactJS | Importación y Exportación

Posted on by Rudeus Greyrat

Hemos aprendido hasta ahora que las aplicaciones React son básicamente una colección de componentes interactivos y, a partir del artículo, sobre los componentes ReactJS hemos sabido cómo crear componentes, pero incluso con ese conocimiento, no será suficiente para crear una aplicación React completa. ya que para crear una colección de componentes, primero debemos saber cómo … Continue reading «ReactJS | Importación y Exportación»

ReactJS | Tipos de propiedad

Posted on by Rudeus Greyrat

En nuestros artículos anteriores sobre Props, habíamos visto cómo pasar información a cualquier Componente usando props. Habíamos pasado diferentes tipos de información como números enteros, strings, arrays, etc. como apoyo a los componentes. Entonces, recordemos el proceso de cómo pasamos estos accesorios a un componente. Podemos crear props predeterminados o pasar props directamente como atributos … Continue reading «ReactJS | Tipos de propiedad»

¿Qué hay de nuevo en Create React App 2.0?

Posted on by Rudeus Greyrat

Aquellos que no saben que create-react-app es la CLI o la herramienta de interfaz de línea de comandos que se usa para generar aplicaciones React y simplemente hace las cosas mucho más fáciles en lugar de establecer su propia configuración de paquete web. Actualización del paquete: babel 7 paquete web 4 broma 23 Babel: La … Continue reading «¿Qué hay de nuevo en Create React App 2.0?»

Componentes Link y NavLink en React-Router-Dom

Posted on by Rudeus Greyrat

<Link> y <NavLink> son los componentes proporcionados por react-router-dom para navegar por la aplicación de reacción . Generalmente, usamos etiquetas de anclaje para este propósito mientras navegamos. Entonces, ¿cuál es la diferencia? Vamos a averiguar. Las etiquetas de anclaje recargarán la página y volverán a representar todos los componentes. Mientras que <Link> y <NavLink> solo … Continue reading «Componentes Link y NavLink en React-Router-Dom»