1. public/: Es la carpeta pública en donde tendremos nuestro archivo HTML y algunos assets
2. src/: Es la carpeta fuente, en donde tendremos todos nuestros archivos de trabajo

• Un servidor de desarrollo que proporciona mejoras enriquecidas de funcionalidades sobre módulos ES nativos, por ejemplo Hot Module Replacement (HMR) extremadamente rápido.
  
  
• Un comando de compilación que empaqueta tu código con Rollup, preconfigurado para generar recursos estáticos altamente optimizados para producción.

//Ejemplo insertando expresiones
const name = 'Jeferson Camero';
const element = <h1>Hello, {name}</h1>;

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

• React Router V6: Esta es la última versión del enrutador de React, y se enfoca en proporcionar una sintaxis sencilla y limpia para definir las rutas de una aplicación. Esta versión también permite utilizar Hooks de React para manejar el estado y la lógica del enrutamiento, lo que facilita la creación de aplicaciones enrutadas.
• React Router V5: Esta versión es anterior a React Router V6 y utiliza una sintaxis ligeramente diferente para definir las rutas de una aplicación. Además, esta versión no admite Hooks de React y utiliza un enfoque basado en clases para manejar el estado y la lógica del enrutamiento.
• React Router V4: Esta es una versión aún más antigua del enrutador de React y utiliza una sintaxis y un enfoque diferentes a las versiones más recientes. Esta versión se utiliza en aplicaciones muy antiguas que todavía no se han actualizado a versiones más recientes del enrutador.

Ahora se  ve de esta manerafunction formatMessage (name, id, avatar) {  return {    name,    id,    avatar,    timestamp: Date.now()  }}

function formatMessage (name, id, avatar) {  return {    name,    id,    avatar,    timestamp: Date.now(),    save: function () {      // save message    }  }}

function formatMessage (name, id, avatar) {  return {    name,    id,    avatar,    timestamp: Date.now(),    save () {      //save message    }  }}

const [a,b,c] = array;// a = 'pato'// b = 'ganzo'// c = 'pollo

const [a,,c] = array; // a = 'pato'// c = 'pollo'

let x = 2;let y = 5; [x,y] = [y,x]; // x = 5// y = 2

const objeto = {  a: ‘casa’,  b: ‘apartamento’};

var a = objeto.a;var b = objeto.b;

const {a,b} = objeto; //a = 'casa'//b = 'apartamento'

const {a:uno,b:dos} = objeto; //uno = 'casa'//dos = 'apartamento'

function multiply(a, b) {  return a * b} multiply(5, 2)  // 10multiply(5)     // NaN !

function multiply(a, b) {  b = (typeof b !== 'undefined') ?  b : 1  return a * b} multiply(5, 2)  // 10multiply(5)     // 5

function multiply(a, b = 1) {  return a * b} multiply(5, 2)          // 10multiply(5)             // 5multiply(5, undefined)  // 5

"La Cuota es de:  " + (isMember ? "$2.00" : "$10.00")

var firstCheck = false,    secondCheck = false,    access = firstCheck ? "Acceso Denegado" : secondCheck ? "Acceso Denegado" : "Acceso Permitido"; console.log( access ); // muestra "Acceso Permitido"

var stop = false, age = 23; age > 18 ? (    alert("OK, puedes continuar."),    location.assign("continue.html")) : (    stop = true,    alert("Disculpa, eres menor de edad!"));

• resolve(value) – si el trabajo finalizó con éxito, con el resultado value.
• reject(error) – si ocurrió un error, error es el objeto error.

• state – inicialmente "pendiente"; luego cambia a "cumplido" cuando se llama a resolve, o a "rechazado" cuando se llama a reject.
• result – inicialmente undefined; luego cambia a valor cuando se llama a resolve(valor), o a error cuando se llama a reject(error).

1. Se llama al ejecutor de forma automática e inmediata (por new Promise).
2. El ejecutor recibe dos argumentos: resolve y reject. Estas funciones están predefinidas por el motor de JavaScript, por lo que no necesitamos crearlas. Solo debemos llamar a uno de ellos cuando esté listo.

const cargarDatos = async () => {  const url = "https://jsonplaceholder.typicode.com/todos/1";  const res = await fetch(url);  const datos = await res.json();  console.log(datos);};cargarDatos();// output en la consola{  completed: false,  id: 1,  title: "delectus aut autem",  userId: 1}

const cargarDatos = async () => {  try{    const url = "https://jsonplaceholder.typicode.com/todos/1";    const res = await fetch(url);    const datos = await res.json();    return datos  } catch(err) {    console.log(err)  }}; const datos = cargarDatos().then(datos => console.log(datos));