SECCION 2: INSTALACION Y CONFIGURACION INICIAL

5. Instalando node

6. Configurar saltos de linea

7. Instalando Visual studio code

8. Formatear código

9. Instalar yarn

Comentarios

Publicar un comentario

Entradas más populares de este blog

29. useEffect

  Tutorial: 29. useEffect en React Introducción a useEffect useEffect es uno de los Hooks más importantes en React que nos permite ejecutar efectos secundarios en nuestros componentes funcionales. Los efectos secundarios son operaciones que pueden incluir peticiones a APIs, suscripciones, manipulación del DOM, etc. 1. Sintaxis Básica La sintaxis básica de useEffect es: javascript useEffect (() => {    // Código a ejecutar }, []) // Array de dependencias Ejemplo visual de la sintaxis: text useEffect(()=>{},[]) 2. Ejemplo Práctico: Sistema de Likes Vamos a construir un componente de likes para entender cómo funciona useEffect : javascript import { useState , useEffect } from "react" ; export function Prueba () {    const [ likes , setLikes ] = useState ( 0 );       const darLike = () => {      setLikes ( likes + 1 );    };       // useEffect ejecutando darLike un...
Leer más

11. Creando un proyecto react con create-react-app

    ¡Vamos a crearnos ahora nuestros proyectos de realidad! Vamos a ver dos formas. La primera va a ser con el clásico  Create React App , que, por cierto, tiene una gran ventaja: encontrarás muchísimos proyectos inicializados con esta herramienta. Es decir, podrás acceder a bastantes códigos fuente que usan este tipo de creación. Esta es la forma que también  React nos recomienda  para arrancar. Podemos verlo en su documentación oficial, donde se explica paso a paso cómo crear un proyecto con esta herramienta. Paso a paso: Creamos una carpeta raíz  para almacenar todos nuestros proyectos. Yo la llamé "React intensivo". Abrimos  Visual Studio Code  (nueva ventana) y arrastramos la carpeta dentro. Así usamos la interfaz gráfica, aunque también se puede hacer directamente por consola. Una vez dentro de la carpeta, abrimos una  nueva terminal  en VS Code. Según la documentación de React, el comando es: bash npx create-react-app < nombre-...
Leer más

21. Props para objetos

Tutorial de Props para Objetos en React Introducción a las Props en React Las props (abreviatura de propiedades) son la forma principal de pasar datos de un componente padre a un componente hijo en React. Cuando necesitas pasar múltiples valores relacionados, usar objetos como props puede ser más eficiente y organizado. Tabla de Contenidos Props Básicas vs Props como Objetos Pasando Objetos como Props Desestructuración de Props Objeto Props con Valores por Defecto Validación de Props con PropTypes Props Objeto con TypeScript Mejores Prácticas 1. Props Básicas vs Props como Objetos Ejemplo con props individuales: jsx // Componente hijo function UsuarioIndividual ( props ) {    return (      < div className = "usuario" >        < h3 >{ props . nombre }</ h3 >        < p > Edad: { props . edad }</ p >        < p > Email: { props . em...
Leer más