Estilos index • index.css

@import url('https://fonts.googleapis.com/css2?

family=Open+Sans:wght@400;600;700&display=swap');

 

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

 

body {

    background: #EEF3F5;

    font-family: 'Open Sans', sans-serif;

}

 

#root {

    display: flex;

    justify-content: center;

}

 

a {

    text-decoration: none;

}

 

a:hover {

    text-decoration: underline;

}

 

ID Universal en React

 https://www.npmjs.com/package/uuid

npm install uuid

import { v4 as uuidv4 } from 'uuid';

uuidv4(); // ⇨ '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d'

Desestructuración ECMA Script 6

Básicamente es tomar una/unas propiedades de un objeto y convertirlo en variable, por ejemplo:

const TituloAzul = (props) => {

  //console.log(props)

  const nombre = props.usuario

  const edad = props.anios

  const color = 'blue'

  return (

    <h1 className='titulo' style={{ color: color }}>

      Hola {nombre}!, tienes {edad} años.

    </h1>

  )

}

// Desestructurado (variables)

const TituloRojo = ({ usuario, edad }) => {

  const color = 'red'

  return (

    <h1 className='titulo' style={{ color: color }}>

      Hola {usuario}!, tienes {edad} años.

    </h1>

  )

}

CDN

 Una red de distribución de contenidos (CDN, content delivery network en inglés) es una red superpuesta de computadoras que contienen copias de datos, colocados en varios puntos de una red con el fin de maximizar el ancho de banda para el acceso a los datos de clientes por la red. Un cliente accede a una copia de la información cerca del cliente,1​ en contraposición a todos los clientes que acceden al mismo servidor central, a fin de evitar embudos cerca de ese servidor.2

Los tipos de contenido incluyen objetos web, objetos para descargar (archivos multimedia, software, documentos), aplicaciones, medios de comunicación en tiempo real y otros componentes de entrega de Internet (DNS, rutas y consultas de base de datos).

Cómo Subir una Aplicación de React JS al IIS

Expresiones regulares

https://regex101.com/

Instalar React Icons

npm install react-icons --save

Instalar Firebase en Visual Studio Code

 npm install firebase

Curso Profesional de React (firebase, hooks, redux, MaterialUI)

REST y RESTful APIs

Validar un documento JSON

 https://www.jsonlint.com/