react admin low code

관리자 저 코드를 반응합니다

이것은 hasura (postgresql 위에 자동 그래프 QL API 백엔드)를 사용하여 RA-Data-Hasura 데이터 제공 업체를 사용하는 방법을 보여주는 React-Admin Application (구성 기반 CRUD 관리 UI Builder)의 예입니다. 이 두 기술을 결합하면 몇 시간 만에 전체 백 오피스 관리자 제품군을 구축 할 수 있습니다.

비디오 자습서 : React Admin 및 Hasura GraphQL과 함께 관리자 인터페이스 구축

켈 RA-Data-Hasura-GraphQL 저장소는 이제 감가 상각되고 오프 하스 수라 조직으로 마이그레이션되었습니다. Hasura는이 도서관을 채택하고 유지했습니다. 앞으로이 라이브러리를 사용하십시오 : https://github.com/hasura/ra-data-hasura

대안

@dvasdekis는이 개념을 한 단계 더 발전 시켰으며, 개발을 위해 통합 된 Docker Compose, 인증을위한 Firebase 및 데이터베이스 마이그레이션을위한 Flyway를 위해 통합 된 Docker Compose를 통합했습니다.

여기에서 확인하십시오 : React-Admin-Hasura-Firebase

@hgiasac은 또한 TypeScript와 함께 매우 완전한 예를 작성했습니다. 그는 JTW 및 Firebase로 인증을 시연하는 여러 지점과 Hasura 액션 및 이벤트 및 인증을 포함하는 백엔드를 만들었습니다.

• RA-HASURA- 타입-스크립트-보일러 플레이트
• Hasura-typescript-boilerplate

사용 가능한 스크립트

프로젝트 디렉토리에서는 다음을 실행할 수 있습니다.

yarn install

종속성을 설치하십시오.

yarn start

개발 모드에서 앱을 실행합니다.
브라우저에서 http : // localhost : 3000을 엽니 다.

편집하면 페이지가 다시로드됩니다.
콘솔에 보풀 오류가 표시됩니다.

yarn test

대화식 시계 모드에서 테스트 러너를 시작합니다.
자세한 내용은 테스트 실행에 대한 섹션을 참조하십시오.

yarn build

build 폴더에 생산을위한 앱을 빌드합니다.
생산 모드에서 올바르게 반응하고 최상의 성능을 위해 빌드를 최적화합니다.

빌드는 미니어지고 파일 이름에는 해시가 포함됩니다.
앱을 배포 할 준비가되었습니다!

자세한 내용은 배포에 대한 섹션을 참조하십시오.