🧪 Типизированные маршруты

Stage: prototyping

Обеспечивает безопасный способ построения URL-адресов в приложении.

Установка

npm install github:BuilderIo/qwik-labs-build#main
Обновите файл vite.config.ts

// ...
import { qwikTypes } from '@builder.io/qwik-labs/vite';
 
export default defineConfig(() => {
	return {
		plugins: [
			// ...
			qwikTypes() // <== Добавьте `qwikTypes()` к списку плагинов.
		],
	// ...
};
});

Выполните команду build, которая сгенерирует файлы ~/routes.gen.d.ts и ~/routes.config.tsx.
Чтобы создать типобезопасный маршрут:

import { AppLink } from '~/routes.config';
 
export default component$(() => {
	// ...
	return (
		// ...
		<AppLink route="/your/[appParam]/link/" param:appParam={"some-value"}>
			Link text
		</AppLink>
	);
});

Участники

Спасибо всем участникам, которые помогли сделать эту документацию лучше!