import{_ as u,k as e,t as _,x as $,N as o,D as a,A as P}from"./index-DOvZ9ocE.js";var j=P('<div class="flex flex-col md:grid md:grid-cols-2 md:grid-rows-2 gap-3"><!$><!/><!$><!/><!$><!/><!$><!/>');function g(n){const i=Object.assign({h1:"h1",a:"a",p:"p",h2:"h2",ul:"ul",li:"li",strong:"strong",em:"em"},u(),n.components),{QuickLinks:r,EditPageLink:s,PageIssueLink:d}=i;return s||l("EditPageLink"),d||l("PageIssueLink"),r||l("QuickLinks"),[e(i.h1,{id:"overview",get children(){return e(i.a,{className:"heading",href:"#overview",children:"Overview"})}}),`
`,e(i.p,{children:`Solid is a modern JavaScript framework designed to build responsive and high-performing user interfaces (UI).
It prioritizes a simple and predictable development experience, making it a great choice for developers of all skill levels.`}),`
`,e(i.h2,{id:"what-is-solid",get children(){return e(i.a,{className:"heading",href:"#what-is-solid",children:"What is Solid?"})}}),`
`,e(i.p,{children:"As a JavaScript framework, Solid embraces reactivity and fine-grained updates."}),`
`,e(i.p,{children:"Reactivity, in programming, refers to an applications' ability to respond to changes in data or user interactions."}),`
`,e(i.p,{children:`Traditionally, when a change occurs, the entire web page would need to reload to display the updated information.
In contrast, when using a fine-grained reactive system, updates are only applied to the parts of the page that need to be updated.`}),`
`,e(i.p,{children:`Solid adopts the concept of fine-grained reactivity, updating only when the data the application depends on changes.
This decreases work and can result in faster load times and a smoother user experience overall.`}),`
`,e(i.h2,{id:"advantages-of-using-solid",get children(){return e(i.a,{className:"heading",href:"#advantages-of-using-solid",children:"Advantages of using Solid"})}}),`
`,e(i.ul,{get children(){return[`
`,e(i.li,{get children(){return[`
`,e(i.p,{get children(){return[e(i.strong,{children:"Performant"}),": Fine-grained reactivity allows Solid to update only what has changed, resulting in faster load times and smoother performance overall."]}}),`
`]}}),`
`,e(i.li,{get children(){return[`
`,e(i.p,{get children(){return[e(i.strong,{children:"Powerful"}),`: Using less memory and processing power, Solid is capable of creating complex applications without compromising on functionality.
This also gives developers the flexibility over how and when updates happen.`]}}),`
`]}}),`
`,e(i.li,{get children(){return[`
`,e(i.p,{get children(){return[e(i.strong,{children:"Pragmatic"}),": Rather than sticking to rigid structures or methods, Solid provides the freedom to choose the strategies and practices that work best for you."]}}),`
`]}}),`
`,e(i.li,{get children(){return[`
`,e(i.p,{get children(){return[e(i.strong,{children:"Productive"}),": Regardless of experience level, Solid's clear and predictable API makes developers' work simpler and more efficient."]}}),`
`]}}),`
`]}}),`
`,e(i.p,{children:`Solid aims to strike a balance between speed, efficiency, power, and flexibility, all while providing a developer-friendly environment.
This combination of features makes it a great choice to build responsive and high-performing UIs.`}),`
`,e(i.h2,{id:"quick-links",get children(){return e(i.a,{className:"heading",href:"#quick-links",children:"Quick links"})}}),`
`,(()=>{var t=$(j),m=t.firstChild,[c,f]=o(m.nextSibling),v=c.nextSibling,[h,w]=o(v.nextSibling),b=h.nextSibling,[p,y]=o(b.nextSibling),k=p.nextSibling,[x,S]=o(k.nextSibling);return a(t,e(r,{title:"Tutorial",href:"https://www.solidjs.com/tutorial/introduction_basics",icon:"learn",get children(){return e(i.p,{children:"Learn the basics of Solid through this interactive tutorial."})}}),c,f),a(t,e(r,{title:"Templates",href:"https://github.com/solidjs/templates",icon:"template",get children(){return e(i.p,{children:"Start your first project with a template that fits your needs."})}}),h,w),a(t,e(r,{title:"Ecosystem",href:"https://www.solidjs.com/ecosystem",icon:"community",get children(){return e(i.p,{children:"Explore the Solid ecosystem and find useful tools and libraries."})}}),p,y),a(t,e(r,{title:"Contribute",href:"https://github.com/solidjs/solid-docs-next",icon:"learn",get children(){return e(i.p,{children:"Help improve Solid by contributing to the documentation."})}}),x,S),t})(),`
`,e(i.p,{get children(){return e(i.em,{get children(){return["Find our API documentation under the ",e(i.strong,{children:"Reference"})," tab"]}})}}),`
`,e(i.p,{get children(){return["Join the ",e(i.a,{href:"https://discord.com/invite/solidjs",children:"Solid community on Discord"})," to share your projects or get help from our community!"]}}),`
`,e(s,{}),`
`,e(d,{})]}function L(n={}){const{wrapper:i}=Object.assign({},u(),n.components);return i?e(i,_(n,{get children(){return e(g,n)}})):g(n)}function l(n,i){throw new Error("Expected component `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}export{L as default};