🚀 JavaScript para ReactJS — Curso de Fundamentos

Descripción

Este curso cubre los conceptos fundamentales de JavaScript moderno (ES6+) que necesitas dominar antes de aprender ReactJS. Cada tema incluye un archivo .md con la teoría y un archivo .js con ejemplos prácticos.

📚 Tabla de Contenidos

#	Tema	Descripción
01	Introducción	¿Por qué este curso? Visión general
02	Requerimientos	Software y herramientas necesarias
03	Configuración de Proyecto	Configurar el entorno de trabajo
04	Funciones de JavaScript	Declaration, expression y return
05	Parámetros de Funciones	Pasar datos a funciones
06	Parámetros por Defecto	Valores predeterminados en parámetros
07	Objetos de JavaScript	Crear, acceder y modificar objetos
08	Shorthand Property Names	Sintaxis abreviada para objetos
09	Manipulación del DOM	Seleccionar, crear y modificar elementos HTML
10	Objetos como Parámetros	Pasar objetos a funciones (como props)
11	Destructuring de Objetos	Extraer propiedades de objetos y arrays
12	Funciones Anónimas	Funciones sin nombre y callbacks
13	Arrow Functions	La sintaxis moderna de funciones
14	Inline Arrow Functions	Arrow functions escritas directamente
15	Return	Return explícito, implícito y sus trampas
16	Template Literals	Strings con interpolación y multilínea
17	Métodos de Arrays	map, filter, forEach, find, reduce y más
18	Spread Operator	Copiar, combinar y expandir arrays/objetos
19	ECMAScript Modules	import/export para organizar código
20	Optional Chaining	Acceso seguro a propiedades con ?.
21	Async/Await	Programación asíncrona y llamadas a APIs

🎯 ¿Cómo usar este material?

1. Lee el archivo .md de cada tema para entender la teoría
2. Ejecuta el archivo .js para ver los ejemplos en acción
3. Modifica los ejemplos y experimenta por tu cuenta
4. Busca los comentarios 🔥 En React: para ver la conexión con React

▶️ Ejecutar los ejemplos

Con Node.js

node 04-funciones/04-funciones.js

En el navegador

Los temas 03, 09 y 19 incluyen un index.html. Ábrelos con Live Server.

🔗 Conexión con React

Cada tema incluye comentarios que explican cómo se aplica en React:

// 🔥 En React: Los componentes son funciones que retornan JSX
// function MiComponente({ nombre }) {
//     return <h1>Hola, {nombre}</h1>;
// }

📝 Orden recomendado

Sigue los temas en orden numérico. Cada tema construye sobre los anteriores.

---

¡Éxitos en tu camino hacia React! 🎉