react firebase material admin ดาวน์โหลด - react firebase material admin ดาวน์โหลดซอร์สโค้ด

react firebase material admin

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

ไบโอเลอร์เพลทผู้ดูแลระบบ Firebase React
^{รวม การปรับใช้ GitHub Actions}

Firebase React Admin Biolerplate เป็นเทมเพลตโปรเจ็กต์ (หรือที่เรียกว่า Boilerplate) สำหรับการสร้างเว็บแอปพลิเคชันที่ทันสมัยและปรับขนาดได้ด้วย React โดยใช้โครงสร้างพื้นฐานแบบไร้เซิร์ฟเวอร์ที่ Google Firebase มอบให้ ช่วยให้คุณประหยัดเวลาและสร้างรากฐานที่มั่นคงและรูปแบบการออกแบบ

โปรเจ็กต์นี้บูทด้วย Create React App

เทคสแต็ค

สร้างแอป React (★ 76k) สำหรับการพัฒนาและทดสอบโครงสร้างพื้นฐาน (ดูคู่มือผู้ใช้)
UI วัสดุ (★ 54k) เพื่อลดเวลาในการพัฒนาโดยการรวมการออกแบบวัสดุของ Google
React Dashboard (★ 2k) ฟรี React Dashboard ที่สร้างด้วยส่วนประกอบของ Material UI
Reach Router (★ 6k) สำหรับการกำหนดเส้นทางที่ประกาศและการนำทางฝั่งไคลเอ็นต์
React Dropzone (★ 7k) Simple React hook เพื่อสร้างโซนการลากและวางที่สอดคล้องกับ HTML5 สำหรับไฟล์
TypeScript (★ 58k) TypeScript เป็นชุดย่อยของ JavaScript ที่คอมไพล์เพื่อล้างเอาต์พุต JavaScript
Google Cloud & Firebase สำหรับสถาปัตยกรรมแบบไร้เซิร์ฟเวอร์ - Cloud SQL, ฟังก์ชันคลาวด์, โฮสติ้ง CDN, พื้นที่จัดเก็บไฟล์ (เอกสาร)

นอกจากนี้ คุณต้องคุ้นเคยกับ HTML, CSS, JavaScript (ES2015), TypeScript และ React

ข้อกำหนดเบื้องต้น

Node.js v12.13 หรือสูงกว่า + Yarn v1.21.1 หรือสูงกว่า ( คำแนะนำ: บน Mac ให้ติดตั้งผ่าน Brew )
โปรแกรมแก้ไข VS Code (แนะนำ) + ปลั๊กอิน EditorConfig, ESLint และ Prettier

เริ่มต้นใช้งาน

เพียงโคลน repo อัปเดตตัวแปรสภาพแวดล้อมในไฟล์ .env และ/หรือ .env.local และเริ่มแฮ็ก:

 $ git clone [email protected]:nightillusions/react-firebase-material-admin.git แอพของฉัน
$ ซีดี MyApp
$ Yarn # ติดตั้งการพึ่งพา $ Yarn Start # รวบรวมแอปและเปิดในเบราว์เซอร์ด้วย "การโหลดซ้ำสด"

จากนั้นเปิด http://localhost:3000/ เพื่อดูแอปของคุณ

วิธีการปรับใช้

สำหรับข้อมูลเพิ่มเติม โปรดดูคู่มือการปรับใช้ใน Wiki ของโครงการ

วิธีการอัพเดต

หากคุณเก็บประวัติ Git ดั้งเดิมไว้หลังจากโคลน Repo นี้ คุณสามารถดึงข้อมูลและรวมการอัปเดตล่าสุดกลับเข้าไปในโปรเจ็กต์ของคุณได้ตลอดเวลาโดยเรียกใช้:

 $ git ระยะไกลเพิ่ม fab [email protected]:nightillusions/react-firebase-material-admin.git
$ git ต้นแบบการชำระเงิน
$ git ดึงข้อมูล frab
$ git ผสาน fab/master
$ การติดตั้งเส้นด้าย

_หมายเหตุ: ลองผสานทันทีที่การเปลี่ยนแปลงใหม่มาถึงสาขา master ในพื้นที่เก็บข้อมูลอัปสตรีม ไม่เช่นนั้นโปรเจ็กต์ของคุณอาจแตกต่างจาก repo ฐาน/อัปสตรีมมากเกินไป