Maison >interface Web >js tutoriel >Passer le tableau de bord

Passer le tableau de bord

王林
王林original
2024-08-29 14:15:031126parcourir

L’ère des robots vomissant des données atteint un plateau.

Taper comme un MC est épuisant.

Si vous êtes comme moi, vous essayez de simplifier votre pile technologique.

Prenez un moment pour pardonner à votre robot de compagnie et planifiez un hackathon personnel. Une journée de pleine conscience peut atténuer le stress.

La plupart des applications de calendrier peuvent planifier votre journée pour vous.

La tâche ? Nous faisons la course contre notre compagnon et essayons d'étirer "l'investissement" de 5 $ parce que Wordpress est trop cher.

Que peut-on faire ?

Sortez votre framework ou bibliothèque préféré. Faites attention à votre assistant IA et donnez-lui une pause.

Respectez la rapidité fulgurante des GPT.

Ignorez l'application Todo. Évitez la chapelure. Passer la navigation.

Ignorer la base de données. Ignorez les fonctions cloud. Évitez les conteneurs.

Le mode Zen commence par une page blanche.

Nous avons besoin d'une invite.

Commencez avec un modèle de commande simple :

const commands = {
  'manage:posts': {
    'label': 'Go to posts',
    'action': ['navigate', 'https://example.com/posts']
  },
  'post:edit:1': {
    'label': 'Hello world',
    'action': ['navigate', 'https://example.com/posts/1/edit']
  },
}

À partir de là, ajoutez des raccourcis clavier.

const open = false;

useChord(['cmd+k'],() => {
  open = true;
])

useChord(['cmd+k', 'cmd+w'], () => {
  open = false;
})

...

Je voulais une fonctionnalité de recherche, alors j'ai démarré une liste déroulante :

<ComboBox :items="commands" onSelected="executeCommand" />

Skip the dashboard

Maintenant, je peux exécuter n'importe quelle fonction ou naviguer vers n'importe quelle page sans avoir besoin d'écrire beaucoup de Tailwind ou de CSS.

Ensuite, je me concentre sur les formulaires.

Zod valide mon contenu fortement typé.

Skip the dashboard

J'ai ajouté une commande pour enregistrer le formulaire.

const schema = z.object({
  thePost: z.string().min(1),
})

const form = useForm({schema}))

useChord(['cmd+s'], () => {
  form.submit('https://sayless.gg/post/create')
})

Pour faire court, j'étais en mode zen pendant environ 3 heures et j'ai modifié les invites pour analyser la démarque.

Skip the dashboard

Merci d'avoir lu ! Bonne chance pour trouver mon article de blog

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Passer le tableau de bordArticle suivant:Passer le tableau de bord