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

Passer le tableau de bord

王林
Libérer: 2024-08-29 14:15:01
original
1172 Les gens l'ont consulté

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']
  },
}
Copier après la connexion

À partir de là, ajoutez des raccourcis clavier.

const open = false;

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

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

...
Copier après la connexion

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

<ComboBox :items="commands" onSelected="executeCommand" />
Copier après la connexion

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')
})
Copier après la connexion

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!

source:dev.to
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal