Python para Principiantes: Fundamentos y Aplicaciones Básicas

Curso de SolidJS

Contenido del curso

No sé dónde empezar

Introducción a SolidJS

Reactividad a profundidad

Renderizado en Solid

Reactividad en Listas

Componentes

Tomar examen

Python para Principiantes: Fundamentos y Aplicaciones Básicas

Jeisson Felipe Rodriguez Prieto

Estudiante

Cómo instalar Node.js

Node.js es una plataforma de código abierto que se utiliza para ejecutar aplicaciones JavaScript en el servidor. Sigue los pasos a continuación para instalar Node.js en tu sistema:

Verificar si Node.js ya está instalado

Antes de comenzar con la instalación, verifica si Node.js ya está instalado en tu sistema. Abre la terminal (en macOS y Linux) o el símbolo del sistema (en Windows) y escribe el siguiente comando:
```
node -v
```
Este comando mostrará la versión de Node.js si está instalada; de lo contrario, te indicará que Node.js no se encuentra instalada.
Descargar el instalador

Si Node.js no está instalada o tienes una versión anterior, visita el sitio web oficial de Node.js en y descarga la última versión estable.
Paso 3: Instalar Node.js

Una vez que hayas descargado el instalador, ejecuta el archivo de instalación. Sigue las instrucciones del asistente de instalación para completar el proceso de instalación.
Paso 4: Verificar la instalación

Después de finalizar la instalación, verifica que Node.js se haya instalado correctamente. Abre la terminal o símbolo del sistema nuevamente y escribe los siguientes comandos:
- ```
  node -v
```
- ```
  npm -v
```
El comando node -v te mostrará la versión de Node.js instalada, y npm -v te mostrará la versión del administrador de paquetes npm, que se instala junto con Node.js.

¡Felicidades! Ahora tienes Node.js instalado en tu sistema.

Python para Principiantes: Fundamentos y Aplicaciones Básicas

Introducción a SolidJS

SolidJS vs React: reactividad granular explicada

Python para Principiantes: Fundamentos y Aplicaciones Básicas

Signals en SolidJS: crea datos reactivos

createEffect y side effects en SolidJS

Signals derivados vs createMemo en Solid

Reactividad a profundidad

Qué es la reactividad en Solid

Creación de una Librería Reactiva MiniSolid desde Cero

Implementación de Signals en Librería Reactiva Solid

Cómo createEffect conecta signals y efectos

Señales derivadas sin nuevas primitivas

createMemo para evitar renderizados innecesarios

Cómo Solid convierte JSX al DOM real

Renderizado en Solid

Configurando SolidJS con Tailwind para Todo App

Dark mode en SolidJS con signals

Renderizado Condicional en Solid: Técnicas y Optimización

Renderizado de listas reactivas con For en Solid

Manejo de Eventos en Elementos HTML con SolidJS

Reactividad en Listas

Optimización de Renderizado y Reactividad en Listas con SolidJS

Cómo funcionan los stores en Solid JS

Stores de SolidJS para datos complejos

Función produce para mutar stores en Solid

Componentes

Qué son los componentes en Solid

Comunicación padre-hijo con props en SolidJS

Eventos personalizados entre componentes React

Persistencia con localStorage y useEffect

Deploy de app Solid en Netlify

Solid y el futuro del desarrollo web