poc repo how can I convert my game-of-function from react / react-state-factory / saga implementation to qwik ⚡️

create new qwik project is so simple

pnpm create qwick@lates

add tailwind - or - any another package which one is need a little basic config is also easy

pnpm qwik add tailwind

Because qwik have awesome hydration philosophy, and give a different state handling than react have, and I know that way very well, so I like to try the Signals.

bonus: in JSX part qwik use class instead className God bless the creators!

import type { Signal } from "@builder.io/qwik";
import type { Card, MultipleState, Owner, OwnerId } from '~/cardgame/cardFactory';

export const sitDown = (
  {value: owner}: Signal<Owner>,
  store: MultipleState
) => {
  store.owners[owner.id] = owner;
  store.order = [...store.order, owner.id];
};

trolls playing

troll teaser

• Qwik Docs
• Discord
• Qwik GitHub
• @QwikDev
• Vite

This starter site is configured to deploy to Vercel Edge Functions, which means it will be rendered at an edge location near to your users.

The adaptor will add a new vite.config.ts within the adapters/ directory, and a new entry file will be created, such as:

└── adapters/
    └── vercel-edge/
        └── vite.config.ts
└── src/
    └── entry.vercel-edge.tsx

Additionally, within the package.json, the build.server script will be updated with the Vercel Edge build.

To build the application for production, use the build command, this command will automatically run pnpm build.server and pnpm build.client:

pnpm build

Read the full guide here

To deploy the application for development:

pnpm deploy

Notice that you might need a Vercel account in order to complete this step!

The project is ready to be deployed to Vercel. However, you will need to create a git repository and push the code to it.

You can deploy your site to Vercel either via a Git provider integration or through the Vercel CLI.