Inicio » ¿Qué Hacemos? » Formación a Empresas » Mean Stack » Frameworks Mean Stack » Curso SolidJS en Madrid, Barcelona y Online

Curso SolidJS en Madrid, Barcelona y Online

Formación en SolidJS para desarrolladores web. Curso de SolidJS ofrecido en modalidad presencial In Company u online en Madrid, Barcelona, Valencia, Alicante, Málaga, Sevilla y Bilbao, bajo demanda para empresas.

¿Qué es SolidJS?
SolidJS es un framework JavaScript con un enfoque de reactividad granular y compilación directa a DOM nativo, entre sus competidores para el desarrollo frontend, apuesta por una mayor velocidad de las aplicaciones y eficiencia de las actualizaciones de UI.

A través del curso SolidJS serás capaz de dominar este framework para el desarrollo de interfaces de usuario modernas y aplicaciones web dinámicas. A través de una compilación estática avanzada, transforma JSX en código JavaScript que optimiza durante el build-time. AL generar bundles minimalistas con tamaños menores se consiguen mejores métricas de performance web y Core Web Vitals.

Además, SolidJS ofrece Server-Side Rendering (SSR) nativo, hidratación progresiva y compatibilidad con meta-frameworks para aplicaciones full-stack. La importancia de la optimización de rendimiento hace que SolidJS sea una gran opción para el desarrollo de aplicaciones web y todo tipo de proyectos que requieran un máximo rendimiento con una mínima complejidad de configuración.

Presencial In Company

Formación presencial In Company

Formación presencial en las instalaciones del cliente

Presencial Convocatorias

Convocatorias en abierto

Próximos cursos en tu ciudad

Classroom Training

Formación online en Streaming

Profesor en directo con el sistema GoToMeeting

Online Classroom

Formación Online Asíncrona

Accede a nuestros contenidos multimedia desde nuestra plataforma LMS

Características del curso SolidJS para empresas

Público

Objetivos

Duración

Público

Objetivos

Duración

Temario: Curso SolidJS en Madrid, Barcelona y Online

TEMA 1. Introducción a SolidJS y sus Fundamentos Reactivos

El Paisaje de los Frameworks UI y la Propuesta de Valor de SolidJS:
- Comparación con React (Hooks, VDOM), Vue (Reactivity System) y Svelte (Compilación).
- La reactividad granular de SolidJS: Proxies y el grafo reactivo.
- Ventajas clave: Rendimiento superior (actualizaciones de DOM precisas), tamaño de bundle reducido, DX intuitiva.
- Casos de uso empresariales: Dashboards, aplicaciones de datos intensivas, UIs de alto rendimiento.
Configuración del Entorno de Desarrollo con Vite y Solid:
- Instalación de Node.js y gestores de paquetes (pnpm/npm/Yarn).
- Creación de un nuevo proyecto Solid con Vite.
- Estructura básica de un proyecto Solid.
- Herramientas recomendadas: VS Code, extensiones para Solid, Prettier, ESLint.
- Práctica
Componentes SolidJS: La Base de la UI:
- Sintaxis JSX en Solid (diferencias con React JSX).
- Props: Comunicación unidireccional entre componentes.
- Manejo de Eventos: Interacciones del usuario.
- Children y Slots: Inyección de contenido dinámico.
- Práctica

Tema 2. Reactividad Profunda y Flujo de Control

Primitivas Reactivas: Signals, Effects y Memos:
- createSignal: El pilar de la reactividad en Solid. Lectura y escritura.
- createEffect: Ejecución de código con efectos secundarios reactivos (ej. llamadas a API, manipulaciones de DOM directas).
- createMemo: Derivación de valores computados reactivamente para optimización.
- Práctica
lujo de Control en JSX:
- Renderizado condicional: {condition && <Element/>}, <Show when={condition}>.
- Renderizado de listas: <For each={array}>. La importancia de las keys y el control de flujo de Solid.
- Práctica

TEMA 3. Gestión de Estado Avanzada y Comunicación

Primitivas de Gestión de Estado Comunes:
- createStore: Gestión de estado de objetos complejos e inmutabilidad.
- createContext: Patrón de inyección de dependencias para compartir estado entre componentes sin prop drilling.
- Práctica
Comunicación con APIs y Carga de Datos:
- Uso de fetch para realizar peticiones HTTP en componentes Solid.
- Manejo de estados de carga, errores y datos con createResource.
- Práctica

Tema 4. SolidJS en la Empresa y Mejores Prácticas

Integración con Otras Librerías y Patrones de Diseño:
- Uso de librerías CSS-in-JS o frameworks UI de componentes con Solid.
- Patrones de diseño de componentes: Container/Presentational, Reutilización.
- Práctica
Rendimiento, SEO y Despliegue:
- La ventaja de rendimiento de Solid: DOM nativo y actualizaciones granulares.
- Consideraciones de SEO y accesibilidad (A11y) con SolidJS.
- Introducción a SolidStart para SSR/SSG (visión general, no práctica intensiva debido al tiempo limitado).
- Despliegue de aplicaciones SolidJS (Netlify, Vercel).
- Práctica
Mejores Prácticas y Estrategias de Adopción Empresarial:
- Organización de proyectos Solid de gran escala.
- Estrategias de testing (unitario, integración – conceptual).
- Ventajas de SolidJS para equipos grandes y bases de código complejas.

* También realizamos temarios a medida. Consúltanos si necesitas personalizar el contenido.

Novedades en torno a SolidJS

Conoce las novedades de SolidJS para poder aplicarlo al trabajo diario de tu empresa. Aprende a gestionar y gobernar tus datos de una manera eficaz y saca el mayor partido a su valor

Formación Bonificada para empresas

Si actualmente estás trabajando, tu empresa podrá bonificarse nuestros cursos a través de FUNDAE (antiguamente la Fundación Tripartita) y salirle prácticamente gratis.