>웹 프론트엔드 >JS 튜토리얼 >기본 반응형 NavBar가 포함된 React/Tailwind 템플릿입니다.

기본 반응형 NavBar가 포함된 React/Tailwind 템플릿입니다.

Patricia Arquette
Patricia Arquette원래의
2024-11-16 15:59:031054검색

저는 App.test.js와 내 React 프로젝트에서 사용하지 않을 모든 기본 파일을 제외하는 것에 짜증이 났고 Tailwind UI 웹사이트의 무료 버전 navbar 외에는 좋은 navbar를 찾지 못했습니다. , 내가 본 것 중 최고의 탐색 모음은 아닙니다. 그런 생각을 하면서 저는 어떤 리액트 프로젝트든지 처음부터 템플릿을 만들었습니다. 불필요한 파일을 모두 제거했습니다. 생성을 시작하는 데 꼭 필요한 파일입니다.
다음 링크를 따라 라이브 웹사이트를 볼 수 있습니다: 기본 반응형 NavBar가 포함된 React/Tailwind 템플릿

시작하기
이 템플릿을 사용하는 방법은 매우 간단합니다. 생성한 React 프로젝트에서와 동일한 작업을 수행하지만 몇 가지 매개변수를 추가하게 됩니다. 터미널의 폴더로 이동한 후 다음 코드 줄을 실행하세요.
npx create-react-app my-project --template https://github.com/zaqueu-dev/react-tailwind-template

그리고 여기까지입니다! 템플릿을 사용하여 새 프로젝트를 시작했습니다. VScode에서 열고 파일을 먼저 삭제하는 대신 바로 생성을 진행하세요.

어떻게 보이는지 보세요:
데스크탑:

React/Tailwind template with default responsive NavBar.

모바일:

React/Tailwind template with default responsive NavBar.

React/Tailwind template with default responsive NavBar.

내 github: ReadMe for React/Tailwind 템플릿(기본 반응형 NavBar 포함)에서 이 템플릿에 대한 자세한 내용을 자유롭게 읽어보세요

템플릿을 즐겨보시길 바랍니다 :)
이 기본 템플릿을 개선하는 방법에 대한 아이디어가 있으면 동일한 github 페이지에 문제를 제출하여 알려주십시오. 어떻게 개선할 수 있는지 알려주세요

위 내용은 기본 반응형 NavBar가 포함된 React/Tailwind 템플릿입니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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