📄 tanstack/query/latest/docs/framework/solid/examples/astro

=============================================================================================================================================================================================================================================================================================================================================================================================

Code ExplorerCode

Interactive SandboxSandbox

public
src
- components
- layouts
- pages
- utils
  - index.ts
- env.d.ts
.gitignore
README.md
astro.config.mjs
package.json
tailwind.config.mjs
tsconfig.json

import { createSignal } from 'solid-js'

export const getSearchParams = (init: string) => {
  const [search, setSearch] = createSignal(init)
  if (typeof window !== 'undefined') {
    window.addEventListener('popstate', () => {
      const location = window.location
      const params = new URLSearchParams(location.search)
      setSearch(params.get('id') || '')
    })
  }
  return search
}

export const properCase = (str: string) =>
  str.charAt(0).toUpperCase() + str.slice(1)


import { createSignal } from 'solid-js'

export const getSearchParams = (init: string) => {
  const [search, setSearch] = createSignal(init)
  if (typeof window !== 'undefined') {
    window.addEventListener('popstate', () => {
      const location = window.location
      const params = new URLSearchParams(location.search)
      setSearch(params.get('id') || '')
    })
  }
  return search
}

export const properCase = (str: string) =>
  str.charAt(0).toUpperCase() + str.slice(1)

Solid Start

broadcastQueryClient (Experimental)

Partners Become a Partner

[###### Want to Skip the Docs?

Query.gg - The Official React Query Course
\

“If you’re serious about *really* understanding React Query, there’s no better way than with query.gg”—Tanner Linsley

Learn More](https://query.gg/?s=tanstack)

scarf analytics