ReactJs

Cómo mostrar los datos de un objeto en JSX en ReactJS

Si intentamos mostrar una variable de objeto dentro del JSX, no mostrará un error, y a veces para depurar nos interesa hacerlo, la solución es muy sencilla utilizando las utilidades de la librería JSON: <div> {JSON.stringify(data)} </div>

Modos de aplicar estilos en React JS

Desde con ClassName con Css importado en el html import React from ‘react’; const DottedBox = () => ( <div className=»DottedBox»> <p className=»DottedBox_content»>Get started with CSS styling</p> </div> ); export default DottedBox; en el html tenemos que importar el .css <!DOCTYPE html> <html lang=»en»> <head> <link rel=»stylesheet» type=»text/css» href=»./DottedBox.css»> </head> <body>…</body> </html> Desde Css en JSX import React […]

ReactJs [Guía Rápida](redirec GKB)

Instalar npm Ejecutar: npm install –save react react-dom babelify babel-preset-react browserifynpm install –save-dev @babel/core @babel/preset-env react-dom para trabajar con el árbol Dom. babelify para que funcione en todos los browsers. browserify permite instalar módulos de forma dinámica. Para crear un nuevo proyecto: npx create-react-app Extensiones útiles para Visual Studio Code Debugger for Chrome React Extension […]