Skip to content

fix(solid-query): add useQuery, useInfiniteQuery, useQueries, useMutation as alternative (primary) syntax to align with react and ease maintenance #8938

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

Conversation

birkskyum
Copy link
Member

@birkskyum birkskyum commented Apr 2, 2025

Related to

Rename (and add alias for backwards compat):
createQuery -> useQuery
createInfiniteQuery -> useInfiniteQuery
createQueries -> useQueries
createMutation -> useMutation

This is done, because having same API surface and file structure makes it much easier to sync the solid adapter to the react adapter, and it makes no difference to solid devs.

…iteQuery`, `useQueries`, `useMutation` like react to ease maintenance. Add alias to createX for backwards compat.
Copy link

nx-cloud bot commented Apr 2, 2025

View your CI Pipeline Execution ↗ for commit fcd5508.

Command Status Duration Result
nx affected --targets=test:sherif,test:knip,tes... ✅ Succeeded 2m 22s View ↗
nx run-many --target=build --exclude=examples/*... ✅ Succeeded 11s View ↗

☁️ Nx Cloud last updated this comment at 2025-04-02 16:20:31 UTC

Copy link

pkg-pr-new bot commented Apr 2, 2025

More templates

@tanstack/angular-query-devtools-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-devtools-experimental@8938

@tanstack/angular-query-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-experimental@8938

@tanstack/query-async-storage-persister

npm i https://pkg.pr.new/@tanstack/query-async-storage-persister@8938

@tanstack/eslint-plugin-query

npm i https://pkg.pr.new/@tanstack/eslint-plugin-query@8938

@tanstack/query-broadcast-client-experimental

npm i https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@8938

@tanstack/query-core

npm i https://pkg.pr.new/@tanstack/query-core@8938

@tanstack/query-devtools

npm i https://pkg.pr.new/@tanstack/query-devtools@8938

@tanstack/query-persist-client-core

npm i https://pkg.pr.new/@tanstack/query-persist-client-core@8938

@tanstack/query-sync-storage-persister

npm i https://pkg.pr.new/@tanstack/query-sync-storage-persister@8938

@tanstack/react-query

npm i https://pkg.pr.new/@tanstack/react-query@8938

@tanstack/react-query-devtools

npm i https://pkg.pr.new/@tanstack/react-query-devtools@8938

@tanstack/react-query-next-experimental

npm i https://pkg.pr.new/@tanstack/react-query-next-experimental@8938

@tanstack/react-query-persist-client

npm i https://pkg.pr.new/@tanstack/react-query-persist-client@8938

@tanstack/solid-query

npm i https://pkg.pr.new/@tanstack/solid-query@8938

@tanstack/solid-query-devtools

npm i https://pkg.pr.new/@tanstack/solid-query-devtools@8938

@tanstack/solid-query-persist-client

npm i https://pkg.pr.new/@tanstack/solid-query-persist-client@8938

@tanstack/svelte-query

npm i https://pkg.pr.new/@tanstack/svelte-query@8938

@tanstack/svelte-query-devtools

npm i https://pkg.pr.new/@tanstack/svelte-query-devtools@8938

@tanstack/svelte-query-persist-client

npm i https://pkg.pr.new/@tanstack/svelte-query-persist-client@8938

@tanstack/vue-query

npm i https://pkg.pr.new/@tanstack/vue-query@8938

@tanstack/vue-query-devtools

npm i https://pkg.pr.new/@tanstack/vue-query-devtools@8938

commit: fcd5508

Copy link

github-actions bot commented Apr 2, 2025

Sizes for commit fcd5508:

Branch Bundle Size
Main
This PR

Copy link

codecov bot commented Apr 2, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 79.45%. Comparing base (8b1eff1) to head (fcd5508).
Report is 1 commits behind head on main.

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff             @@
##             main    #8938       +/-   ##
===========================================
+ Coverage   44.07%   79.45%   +35.38%     
===========================================
  Files         200       15      -185     
  Lines        8021      331     -7690     
  Branches     1761       63     -1698     
===========================================
- Hits         3535      263     -3272     
+ Misses       4058       56     -4002     
+ Partials      428       12      -416     
Components Coverage Δ
@tanstack/angular-query-devtools-experimental ∅ <ø> (∅)
@tanstack/angular-query-experimental ∅ <ø> (∅)
@tanstack/eslint-plugin-query ∅ <ø> (∅)
@tanstack/query-async-storage-persister ∅ <ø> (∅)
@tanstack/query-broadcast-client-experimental ∅ <ø> (∅)
@tanstack/query-codemods ∅ <ø> (∅)
@tanstack/query-core ∅ <ø> (∅)
@tanstack/query-devtools ∅ <ø> (∅)
@tanstack/query-persist-client-core ∅ <ø> (∅)
@tanstack/query-sync-storage-persister ∅ <ø> (∅)
@tanstack/react-query ∅ <ø> (∅)
@tanstack/react-query-devtools ∅ <ø> (∅)
@tanstack/react-query-next-experimental ∅ <ø> (∅)
@tanstack/react-query-persist-client ∅ <ø> (∅)
@tanstack/solid-query 78.20% <100.00%> (ø)
@tanstack/solid-query-devtools ∅ <ø> (∅)
@tanstack/solid-query-persist-client 100.00% <ø> (ø)
@tanstack/svelte-query ∅ <ø> (∅)
@tanstack/svelte-query-devtools ∅ <ø> (∅)
@tanstack/svelte-query-persist-client ∅ <ø> (∅)
@tanstack/vue-query ∅ <ø> (∅)
@tanstack/vue-query-devtools ∅ <ø> (∅)
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@birkskyum birkskyum changed the title fix(solid-query): move from createX syntax to useQuery, useInfiniteQuery, useQueries, useMutation like react to ease maintenance. Add alias to createX for backwards compat. fix(solid-query): add useQuery, useInfiniteQuery, useQueries, useMutation syntax to align with react and ease maintenance Apr 2, 2025
@birkskyum birkskyum changed the title fix(solid-query): add useQuery, useInfiniteQuery, useQueries, useMutation syntax to align with react and ease maintenance fix(solid-query): add useQuery, useInfiniteQuery, useQueries, useMutation as alternative syntax to align with react and ease maintenance Apr 2, 2025
@birkskyum birkskyum changed the title fix(solid-query): add useQuery, useInfiniteQuery, useQueries, useMutation as alternative syntax to align with react and ease maintenance fix(solid-query): add useQuery, useInfiniteQuery, useQueries, useMutation as alternative (main) syntax to align with react and ease maintenance Apr 2, 2025
@birkskyum birkskyum changed the title fix(solid-query): add useQuery, useInfiniteQuery, useQueries, useMutation as alternative (main) syntax to align with react and ease maintenance fix(solid-query): add useQuery, useInfiniteQuery, useQueries, useMutation as alternative (primary) syntax to align with react and ease maintenance Apr 2, 2025
@birkskyum birkskyum merged commit 1202ba0 into main Apr 2, 2025
7 checks passed
@birkskyum birkskyum deleted the move-solid-to-useQuery-syntax-for-easier-maintenance branch April 2, 2025 18:36
birkskyum added a commit that referenced this pull request Apr 3, 2025
…ries`, `useMutation` as alternative syntax to align with react and ease maintenance (#8938)"

This reverts commit 1202ba0.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant