{
  "id": "a9c8a07dc86d08d70d8dbc64",
  "source": "solid:signals",
  "type": "github-document",
  "title": "index",
  "content": "---\ntitle: Solid Docs\nnav_title: Overview\ntitleTemplate: \":title\"\nmainNavExclude: true\nuse_cases: \u003e-\n  getting started, learning solid, understanding framework, first project,\n  introduction\ntags:\n  - introduction\n  - overview\n  - getting-started\n  - basics\n  - framework\nversion: '1.0'\ndescription: \u003e-\n  Solid is a reactive JavaScript framework for building fast, efficient UIs.\n  Learn about fine-grained reactivity and modern web development.\n---\n\n# Overview\n\nSolid is a modern JavaScript framework designed to build responsive and high-performing user interfaces (UI).\nIt prioritizes a simple and predictable development experience, making it a great choice for developers of all skill levels.\n\n## What is Solid?\n\nAs a JavaScript framework, Solid embraces reactivity and fine-grained updates.\n\nReactivity, in programming, refers to an applications' ability to respond to changes in data or user interactions.\n\nTraditionally, when a change occurs, the entire web page would need to reload to display the updated information.\nIn contrast, when using a fine-grained reactive system, updates are only applied to the parts of the page that need to be updated.\n\nSolid adopts the concept of fine-grained reactivity, updating only when the data the application depends on changes.\nThis decreases work and can result in faster load times and a smoother user experience overall.\n\n## Advantages of using Solid\n\n- **Performant**: Fine-grained reactivity allows Solid to update only what has changed, resulting in faster load times and smoother performance overall.\n\n- **Powerful**: Using less memory and processing power, Solid is capable of creating complex applications without compromising on functionality.\n  This also gives developers the flexibility over how and when updates happen.\n\n- **Pragmatic**: Rather than sticking to rigid structures or methods, Solid provides the freedom to choose the strategies and practices that work best for you.\n\n- **Productive**: Regardless of experience level, Solid's clear and predictable API makes developers' work simpler and more efficient.\n\nSolid aims to strike a balance between speed, efficiency, power, and flexibility, all while providing a developer-friendly environment.\nThis combination of features makes it a great choice to build responsive and high-performing UIs.\n\n## Quick links\n\n\u003cdiv class=\"flex flex-col md:grid md:grid-cols-2 md:grid-rows-2  gap-3\"\u003e\n\t\u003cQuickLinks\n\t\ttitle=\"Tutorial\"\n\t\thref=\"https://www.solidjs.com/tutorial/introduction_basics\"\n\t\ticon=\"learn\"\n\t\u003e\n\t\tLearn the basics of Solid through this interactive tutorial.\n\t\u003c/QuickLinks\u003e\n\t\u003cQuickLinks\n\t\ttitle=\"Templates\"\n\t\thref=\"https://github.com/solidjs/templates\"\n\t\ticon=\"template\"\n\t\u003e\n\t\tStart your first project with a template that fits your needs.\n\t\u003c/QuickLinks\u003e\n\t\u003cQuickLinks\n\t\ttitle=\"Ecosystem\"\n\t\thref=\"https://www.solidjs.com/ecosystem\"\n\t\ticon=\"community\"\n\t\u003e\n\t\tExplore the Solid ecosystem and find useful tools and libraries.\n\t\u003c/QuickLinks\u003e\n\t\u003cQuickLinks\n\t\ttitle=\"Contribute\"\n\t\thref=\"https://github.com/solidjs/solid-docs-next\"\n\t\ticon=\"learn\"\n\t\u003e\n\t\tHelp improve Solid by contributing to the documentation.\n\t\u003c/QuickLinks\u003e\n\u003c/div\u003e\n\n_Find our API documentation under the **Reference** tab_\n\nJoin the [Solid community on Discord](https://discord.com/invite/solidjs) to share your projects or get help from our community!\n\n\u003cEditPageLink /\u003e\n\u003cPageIssueLink /\u003e",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/index.mdx",
  "metadata": {
    "path": "src/routes/index.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 3363,
    "source_type": "github"
  },
  "hash": "19477b89355358e7c7c8e5bc948005da3350bc8586637536d7f82e39c020f1e3",
  "timestamp": "2026-02-23T11:43:00.188314495+01:00"
}