React 대시보드 템플릿 - Argon 대시보드

안녕하세요 코더입니다.

이 기사는 Creative-Tim 에이전시에서 무료로 제작한 최신 Argon 대시보드 디자인 위에 간단한 React 대시보드 템플릿을 제공합니다. Bootstrap 4 및 Reactstrap으로 구축된 이 오픈 소스 React 템플릿에는 100개의 개별 구성 요소와 7개의 사전 구축된 페이지가 포함되어 있어 모든 요소가 구현되기 때문에 프로토타이핑에서 전체 기능 코드로 이동하는 데 많은 시간을 절약할 수 있습니다.

Thanks for reading! The relevant links (for fast-runners) are below:

Argon Dashboard React , 상품 페이지

Argon Dashboard React Demo , 실시간 배포

Argon Dashboard React PRO - 추가 구성 요소 및 페이지

기타React Templates , Creative-Tim 제공

리액트란?

초보자를 위해 React는 사용자 인터페이스를 .. 빠르게 구축하기 위한 Javascript 라이브러리입니다. 잘 알려진 이 JS 라이브러리는 개발자가 "재사용 가능한 UI 구성요소"라고 하는 작고 고립된 코드 조각으로 복잡한 UI를 구성할 수 있도록 도와줍니다. 이 코드는 시간이 지남에 따라 변경되는 데이터를 제공합니다. React를 시작하려면 아래 리소스에 자유롭게 액세스하십시오.

React - 공식 프로젝트 사이트

Intro to React - 초보자를 위한 유용한 자습서

ReactJS - Quick Guide , TutorialsPoint에서 발행

Argon Dashboard React - 제품 정보

공식 제품 정보 - create-react-app으로 만든 Bootstrap 4, React 및 Reactstrap용 대시보드로 개발을 시작하세요. 오픈 소스이며 무료이며 놀라운 웹 사이트를 만드는 데 도움이 되는 많은 구성 요소를 제공합니다.

완전히 코딩된 구성 요소

Argon Dashboard React는 100개 이상의 개별 구성 요소로 구축되어 선택과 결합의 자유를 제공합니다. 모든 구성 요소는 SASS 파일을 사용하여 쉽게 수정할 수 있는 다양한 색상을 가질 수 있습니다.
모든 요소가 구현되기 때문에 프로토타이핑에서 전체 기능 코드로 이동하는 데 많은 시간을 절약할 수 있습니다. Argon Dashboard은 사전 구축된 예제와 함께 제공되므로 개발 프로세스가 매끄럽고 페이지에서 실제 웹사이트로 전환하는 것이 매우 쉽습니다.

React 대시보드 - 소스에서 컴파일

로컬에서 프로젝트를 컴파일하고 시작하려면 NodeJS가 필요하고 선택적으로 공개 저장소에서 소스 코드를 다운로드하기 위한 GIT가 필요합니다: React Dashboard Argon . NodeJs를 설치하는 것은 매우 쉽습니다. 공식NodejS website에 액세스하여 OS에 맞는 설치 프로그램을 다운로드하고 실행하십시오.

$ # Get the code
$ git clone https://github.com/creativetimofficial/argon-dashboard-react.git
$ cd argon-dashboard-react
$
$ # Install modules
$ yarn
$
$ # Start the app (development mode)
$ yarn start

React Dashboard - UI Widgets

React Dashboard - UI Tables

Thanks for reading! For more React Freebies feel free to access the vendor website.