_Index

Solid.js Introduction and Installation — Reactive UI Framework

Learn Solid.js: understand fine-grained reactivity, install the framework, create a project, and explore the core concepts.

Solid.js Signals — Reactive State Management

Learn Solid.js signals: create reactive state, read and update values, track dependencies, and understand fine-grained reactivity.

Solid.js Effects — Running Side Effects Reactively

Learn Solid.js effects: create reactive side effects with createEffect, track dependencies automatically, and manage cleanup.

Solid.js Memos — Derived and Cached Values

Learn Solid.js memos: create cached computed values with createMemo, derive state from signals, and optimize performance.

Solid.js Batching — Grouping Reactive Updates

Learn Solid.js batching: group multiple signal updates into a single reactive notification for optimal performance.

Solid.js Props — Passing Data to Components

Learn Solid.js props: pass data to components, destructure props, handle default values, and use props reactively.

Solid.js Components — Reusable UI Building Blocks

Learn Solid.js components: create functional components, compose components together, use dynamic components, and manage component lifecycle.

Solid.js JSX — Compilation and Template Syntax

Learn Solid.js JSX: understand how Solid compiles JSX to real DOM operations, use JSX expressions, and leverage control flow components.

Solid.js Conditional Rendering — Show, Switch, and Match

Learn Solid.js conditional rendering: use Show, Switch, and Match components for declarative conditional UI patterns.

Solid.js List Rendering — For and Index Components

Learn Solid.js list rendering: use For and Index for efficient list rendering, handle dynamic lists, and optimize performance.

Solid.js Forms — Building Reactive Forms

Learn Solid.js forms: handle form state with signals, validate input, manage submissions, and build complex form components.

Solid.js Context — Shared State Across Components

Learn Solid.js Context: create context providers, consume context with useContext, and share reactive state across the component tree.

Solid.js Portals — Rendering Outside the DOM Tree

Learn Solid.js portals: render components outside the parent DOM hierarchy for modals, tooltips, and overlays.

Solid.js Error Boundaries — Handling Errors Gracefully

Learn Solid.js error boundaries: catch rendering errors, show fallback UI, and prevent crashes from propagating.

Solid.js Suspense and Resources — Async Data Loading

Learn Solid.js Suspense and Resources: fetch async data with createResource, show loading states with Suspense, and handle errors.

Solid.js Routing — Client-Side Navigation

Learn Solid.js routing: set up client-side routing with @solidjs/router, create routes, handle navigation, and use route params.

Solid.js Testing — Component and Logic Testing

Learn Solid.js testing: write unit tests for signals and components, use Vitest, test reactivity, and verify DOM output.

Solid.js SSR and Hydration — Server-Side Rendering

Learn Solid.js SSR and hydration: server-render components, hydrate on the client, and optimize for SEO and performance.

Solid.js Final Project — Build a Complete Application

Build a complete Solid.js application with signals, context, routing, forms, async data, and testing for production.