>웹 프론트엔드 >JS 튜토리얼 >대시보드 건너뛰기

대시보드 건너뛰기

王林
王林원래의
2024-08-29 14:15:011166검색

데이터 토해 로봇 시대가 정체되고 있습니다.

MC처럼 타이핑을 하다니 지치네요.

당신이 나와 같다면 기술 스택을 단순화하려고 노력하고 있는 것입니다.

잠시 시간을 내어 애완 로봇을 용서하고 개인 해커톤을 계획하세요. 마음챙김의 하루는 우위를 점할 수 있습니다.

대부분의 캘린더 앱은 하루를 계획할 수 있습니다.

과제요? 우리는 Wordpress가 너무 비싸기 때문에 동료와 경쟁하면서 5달러의 "투자"를 늘리려고 노력하고 있습니다.

무엇을 할 수 있나요?

좋아하는 프레임워크나 라이브러리를 꺼내세요. AI 비서를 염두에 두고 휴식을 취하세요.

GPT가 얼마나 눈부시게 빠른지 존경합니다.

할 일 앱을 건너뛰세요. 이동 경로를 건너뛰세요. 탐색을 건너뜁니다.

데이터베이스를 건너뜁니다. 클라우드 기능을 건너뛰세요. 컨테이너를 건너뛰세요.

Zen 모드는 빈 페이지에서 시작됩니다.

메시지가 필요합니다.

간단한 명령 패턴으로 시작:

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']
  },
}

여기서 키 바인드를 추가하세요.

const open = false;

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

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

...

검색 기능이 필요해서 콤보 상자를 부트스트랩했습니다.

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

Skip the dashboard

이제 Tailwind나 CSS를 작성할 필요 없이 모든 기능을 실행하거나 모든 페이지로 이동할 수 있습니다.

다음으로는 양식에 중점을 둡니다.

Zod는 강력하게 입력된 콘텐츠를 검증합니다.

Skip the dashboard

양식을 저장하는 명령을 추가했습니다.

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

const form = useForm({schema}))

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

간단히 말하면 저는 3시간 정도 zen 모드에 있었고 마크다운을 구문 분석하기 위해 프롬프트를 조정했습니다.

Skip the dashboard

읽어주셔서 감사합니다! 내 블로그 게시물을 찾는 행운을 빌어요

위 내용은 대시보드 건너뛰기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.