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
insteadclassName
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];
};
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
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.