Skip to content

Solid.js examples with Tanstack, Tailwind and SolidStart. CURRENT: Tables, Virtual. TODO: Query, Forms, Charts

Notifications You must be signed in to change notification settings

Sashley/SolidJS-Tanstack-Playground

Repository files navigation

SolidStart

Everything you need to build a Solid project, powered by solid-start;

Creating a project

# create a new project in the current directory
npm init solid@latest

# create a new project in my-app
npm init solid@latest my-app

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

Solid apps are built with adapters, which optimise your project for deployment to different environments.

By default, npm run build will generate a Node app that you can run with npm start. To use a different adapter, add it to the devDependencies in package.json and specify in your vite.config.js.

Tanstack filters

imports

const

  • fuzzyFilter
  • MakeData

debouncedInput

  • Props
  • function

App

const

  • globalFilter
  • columnFilters
  • columns
  • data
  • refresh data

table

  • createEffect (cleanUp?)
  • state (tableState)
  • table.setOptions

function

  • getClassValue

return

  • table
  • button
  • refreshData
  • json.stringify.table.getState

function

Filter

  • const firstValue
  • const columnFilterValue
  • function testFilter01

const testFilterValue

  • sortUniqueValues
  • return

firstValue

debouncedInput

About

Solid.js examples with Tanstack, Tailwind and SolidStart. CURRENT: Tables, Virtual. TODO: Query, Forms, Charts

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published