react admin low code

React Admin รหัสต่ำ

นี่คือตัวอย่างแอปพลิเคชัน React-Admin (Builder UI Admin UI ที่ใช้การกำหนดค่า) แสดงให้เห็นถึงวิธีการใช้ผู้ให้บริการข้อมูล RA-Data-Hasura ด้วย Hasura (แบ็กเอนด์ API GRAPHQL API อัตโนมัติที่ด้านบนของ PostgreSQL) ด้วยการรวมเทคโนโลยีทั้งสองนี้คุณสามารถสร้างชุดผู้ดูแลระบบ Back Office ทั้งหมดได้ในเวลาไม่กี่ชั่วโมง

การสอนวิดีโอ: การสร้างอินเทอร์เฟซผู้ดูแลระบบด้วย React Admin และ Hasura GraphQl

หมายเหตุ ที่เก็บข้อมูล RA-DATA-HASURA-GRAPHQL ตอนนี้มีค่าเสื่อมราคาและได้รับการอพยพไปยังองค์กร Hasura อย่างเป็นทางการ Hasura ได้นำมาใช้และตอนนี้ดูแลห้องสมุดนี้ ก้าวไปข้างหน้าใช้ห้องสมุดนี้: https://github.com/hasura/ra-data-hasura

ทางเลือก

@dvasdekis ได้นำแนวคิดนี้ไปอีกขั้นและรวมถึงนักเทียบท่าประกอบการพัฒนาเพื่อการพัฒนา Firebase สำหรับการตรวจสอบสิทธิ์และการบินสำหรับการอพยพฐานข้อมูล

ตรวจสอบที่นี่: React-Admin-Hasura-Firebase

@Hgiasac ได้รวบรวมตัวอย่างที่สมบูรณ์มากด้วย typeScript เขาสร้างหลายสาขาที่แสดงให้เห็นถึงการรับรองความถูกต้องด้วย JTW และ Firebase รวมถึงแบ็กเอนด์ที่รวมถึงการกระทำและกิจกรรมของ Hasura และ Auth:

• RA-Hasura-typescript-boilerplate
• Hasura-typescript-boilerplate

สคริปต์ที่มีอยู่

ในไดเรกทอรีโครงการคุณสามารถเรียกใช้:

yarn install

ติดตั้งการพึ่งพา

yarn start

รันแอพในโหมดการพัฒนา
เปิด http: // localhost: 3000 เพื่อดูในเบราว์เซอร์

หน้าจะโหลดซ้ำหากคุณทำการแก้ไข
คุณจะเห็นข้อผิดพลาดผ้าสำลีในคอนโซล

yarn test

เปิดตัวนักวิ่งทดสอบในโหมดนาฬิกาแบบโต้ตอบ
ดูหัวข้อเกี่ยวกับการเรียกใช้การทดสอบสำหรับข้อมูลเพิ่มเติม

yarn build

สร้างแอพสำหรับการผลิตไปยังโฟลเดอร์ build
มันรวมกันอย่างถูกต้องตอบสนองในโหมดการผลิตและปรับการสร้างเพื่อประสิทธิภาพที่ดีที่สุด

บิลด์มีขนาดเล็กและชื่อไฟล์รวมถึงแฮช
แอพของคุณพร้อมที่จะนำไปใช้งานแล้ว!

ดูหัวข้อเกี่ยวกับการปรับใช้สำหรับข้อมูลเพิ่มเติม