12 สุดยอด React Redux Admin Dashboard 2020

เผยแพร่แล้ว: 2022-10-18

ReactJs ช่วยให้คุณพัฒนาส่วนต่อประสานผู้ใช้ที่ตอบสนองได้ง่ายมาก ไม่สำคัญหรอกว่าโครงสร้างข้อมูลจะซับซ้อนแค่ไหน คุณสามารถสร้างแผนภูมิเชิงโต้ตอบและองค์ประกอบ UI อย่างชาญฉลาดด้วย ReactJs ดังที่คุณทราบแล้วว่าชุมชน Instagram และ Facebook นั้นสร้างขึ้นและดูแล คุณไม่จำเป็นต้องกังวลเกี่ยวกับคุณภาพหรือความชำนาญในการจัดการรหัสที่ซับซ้อน ดังนั้น React จึงเป็นที่มาที่ไม่มีใครเทียบได้ในการสร้างอินเทอร์เฟซสำหรับเว็บแอปพลิเคชัน และแดชบอร์ดตอบโต้จะมีอินเทอร์เฟซผู้ใช้ที่เป็นนวัตกรรมใหม่กว่า

แบนเนอร์

สิ่งสำคัญอันดับต้นๆ ของ ReactJs คือ องค์ประกอบต่างๆ สามารถแสดงและดูได้อย่างสะดวกสบาย มันรับรองความสามารถในการอ่าน และทำให้การบำรุงรักษาง่ายขึ้น เป็นเรื่องง่ายมากที่จะทดสอบสำหรับนักพัฒนา สามารถทดสอบได้แม้กระทั่งจากฝั่งเซิร์ฟเวอร์ ข้อเสียเปรียบเพียงอย่างเดียวของ ReactJS คือมันเป็นทนายทั้งหมด มันแสดงว่าคุณสามารถใช้มันเพื่อสร้างอินเทอร์เฟซ แต่ไม่สามารถใช้เพื่อรักษาข้อมูลได้ คุณต้องรวม React เข้ากับเฟรมเวิร์กของ MVC (Model-View-Controller) เพื่อรักษาข้อมูล

มีนักพัฒนาเทมเพลตที่โดดเด่นมากมายที่ยุ่งอยู่กับการพัฒนาเทมเพลตเกี่ยวกับหัวข้อเหล่านี้ ดังนั้นในตลาดกลางหลายแห่ง พวกเขาจึงเผยแพร่เทมเพลตผู้ดูแลระบบของตน เราจะเลือกเทมเพลตผู้ดูแลระบบที่ดีที่สุด 10 แบบในตลาดเหล่านี้ เรามาเริ่มบทความกันเลย

Isomorphic - React Redux Admin Dashboard

Isomorphic - React Redux Admin Dashboard

ไม่ต้องสงสัยเลยว่านี่คือ React Admin Dashboard ที่ดีที่สุดในตลาด เป็นแดชบอร์ดเว็บไซต์ที่สะอาดระดับเฟิร์สคลาสพร้อมการออกแบบที่ราบรื่นและสีที่เรียบง่าย เป็นแดชบอร์ดผู้ดูแลระบบหน้าเดียวแบบ react-redux ใช้รูปแบบเว็บแอปพลิเคชันแบบโปรเกรสซีฟซึ่งได้รับการปรับให้เหมาะสมที่สุดสำหรับแอปพลิเคชันตอบสนองครั้งต่อไปของคุณ คุณจะมีอำนาจเต็มที่เหนือแดชบอร์ดอย่างง่ายดาย คุณสามารถเปลี่ยนแต่ละองค์ประกอบของเทมเพลตได้เกือบทุกอย่าง

คุณสมบัติเทมเพลต

  • การใช้งาน Next.js
  • สร้าง React App ได้
  • Redux และ Redux Saga
  • การตรวจสอบสิทธิ์ทางสังคมและ JWT
  • Firestore CRUD
  • Firebase Chat
  • ค้นหาอัลโกเลีย
  • ตัวสร้างใบแจ้งหนี้
  • รองรับหลายภาษา
  • รองรับ RTL
  • การใช้งานฝั่งเซิร์ฟเวอร์
  • ส่วนประกอบที่มีสไตล์, การแยกโค้ด, การโหลดแบบอะซิงโครนัส, การออกแบบมด
  • การเข้าถึง GitHub
  • ไฟล์สเก็ตช์ฟรี
  • เอกสารอย่างดี

ดูการสาธิต

Mate - React Redux Material Admin Dashboard

Mate - React Redux Material Admin Dashboard

นี่คือ React Redux Admin Dashboard ที่ดีที่สุดเป็นอันดับสองที่มีอยู่ในตลาด เป็นแดชบอร์ดผู้ดูแลระบบวัสดุหน้าเดียวแบบ react-redux ใช้รูปแบบเว็บแอปพลิเคชันแบบโปรเกรสซีฟซึ่งได้รับการปรับให้เหมาะสมที่สุดสำหรับแอปพลิเคชันตอบสนองครั้งต่อไปของคุณ Mate เป็นเทมเพลตแดชบอร์ด React ที่เป็นระเบียบ ล้ำหน้า และสะอาดตา สำหรับทุกความต้องการทางธุรกิจและโครงการของคุณ ไม่สำคัญหรอกว่าแอปพลิเคชันที่คุณกำลังจะสร้างให้เป็นจริงนั้น Mate พร้อมที่จะทำสิ่งนี้ให้คุณแล้ว เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการสร้างแดชบอร์ดผู้ดูแลระบบที่มีคุณสมบัติครบถ้วนซึ่งจะดูแลทุกแผนกในธุรกิจของคุณ คุณเพียงแค่ต้องดาวน์โหลดเครื่องมือนี้ เพียงใช้เวลาและความพยายามเพียงเล็กน้อย และคุณพร้อมที่จะใช้งานจริงแล้ว แท้จริงแล้วมันง่ายอย่างไม่น่าเชื่อ

คุณสมบัติเทมเพลต

  • สร้าง React App ได้
  • Redux และ Redux-Saga
  • การตรวจสอบสิทธิ์ทางสังคมและ JWT
  • Firestore CRUD
  • ค้นหาอัลโกเลีย
  • ตัวสร้างใบแจ้งหนี้
  • Webpack, React Router 4
  • รองรับหลายภาษา
  • รองรับ RTL
  • Flexbox Grid, วัสดุ UI
  • ส่วนประกอบที่มีสไตล์, การแยกโค้ด, การโหลดแบบอะซิงโครนัส, การออกแบบมด, ไอคอนไอออน
  • Babel, ES6 & สวยกว่า
  • ไม่มี jQuery
  • เอกสารอย่างดี

ดูการสาธิต

Inst – โต้ตอบเทมเพลตแดชบอร์ดผู้ดูแลระบบ GraphQL

สร้างแดชบอร์ดผู้ดูแลระบบด้วยเทมเพลต React GraphQL Inst

Inst คือ Dashboard React แบบ Minimalist ที่สร้างด้วย React, NextJS, TypeScript, GraphQL และ UI พื้นฐานของ Uber ใช้งานง่ายมาก มีการใช้งาน GraphQL และ TypeGraphQL Inst เป็นแดชบอร์ดผู้ดูแลระบบ Next.js GraphQL ใช้รูปแบบเว็บแอปพลิเคชันแบบโปรเกรสซีฟซึ่งได้รับการปรับให้เหมาะสมที่สุดสำหรับแอปพลิเคชันตอบสนองครั้งต่อไปของคุณ คุณสามารถใช้สำหรับทั้งหน้าแดชบอร์ดและหน้าสาธารณะสำหรับเว็บแอปพลิเคชันของคุณ มีทั้งโหมดสว่างและโหมดมืด หากต้องการเปิดใช้งานโหมดมืด ให้คลิกที่รูปโปรไฟล์ที่มุมขวา แล้วคุณจะพบ 'โหมดมืด' ในรายการแบบเลื่อนลง หมายเหตุ: โปรดทราบว่านี่ไม่ใช่เทมเพลต HTML เป็นเทมเพลต React Dashboard ที่สร้างขึ้นโดยใช้ Next.js Framework PS Design ได้แรงบันดาลใจมาจาก Now.sh

คุณสมบัติเทมเพลต

  • สร้างแอปถัดไป React Hooks โต้ตอบบริบท
  • การออกแบบ BaseUI, Next.Js, Next Optimized Image
  • Glide.Js สำหรับ Slider, TypeScript, Apollo Client
  • GraphQL, TypeGraphQL, Styletron
  • มาพร้อมโหมด Dark & ​​Light
  • แผนภูมิ โปรไฟล์ผู้ใช้ สิ่งที่ต้องทำ
  • Github Search, Firebase CRUD, Product Hunt
  • หน้าร้านค้า หน้าชำระเงิน ใบแจ้งหนี้
  • แผนราคา การเรียกเก็บเงิน แอปพลิเคชันที่ได้รับอนุญาต

ดูการสาธิต

ArchitectUI - ReactJS Bootstrap Admin UI Dashboard Theme

ArchitectUI

ArchitectUI สร้างขึ้นสำหรับแอปพลิเคชันสมัยใหม่ที่ขับเคลื่อนโดยเทคโนโลยีอื่นๆ ที่สนับสนุนการรวม HTML/React ประกอบด้วยส่วนประกอบ องค์ประกอบ และวิดเจ็ตจำนวนมาก เพื่อให้นักพัฒนาไม่ต้องเสียเวลากับส่วนภาพ/การออกแบบ พวกเขาแค่รวมส่วนประกอบบางอย่างเข้าด้วยกันและ voila แอปนี้ดูเหมือนสร้างโดยนักออกแบบมืออาชีพ

คุณสมบัติเทมเพลต

  • 9 ตัวอย่างแดชบอร์ดที่แตกต่างกัน
  • ส่วนประกอบกว่า 150 รายการที่สามารถรวมเข้าด้วยกันเพื่อสร้างองค์ประกอบและโฟลว์ใหม่ที่ไม่เหมือนใคร
  • ตัวเลือกเค้าโครงเพื่อให้แถบด้านข้าง ท้ายกระดาษ หรือส่วนหัวคงที่หรือคงที่
  • โทนสีอ่อนที่ปรับแต่งได้ง่ายสองแบบด้วยสีเน้นเสียง 8 สี
  • เทมเพลตหลายหน้า: ชื่อเนื้อหาคงที่, แถบด้านข้างคงที่, เลย์เอาต์ที่ลากแยกได้
  • หน้าผู้ใช้สำหรับเข้าสู่ระบบ ลงทะเบียน ลืมรหัสผ่าน แต่ละหน้ามีรูปแบบต่างๆ: กล่องและของเหลว
  • ตัวอย่างการใช้งาน Mailbox, Chat, FAQ Section
  • ปุ่มมากกว่า 25 แบบ แต่ละปุ่มมี 8 โทนสี
  • มีให้เลือกมากกว่า 5 สไตล์สำหรับเมนูแบบเลื่อนลง ส่วนหัวที่มีพื้นหลัง รูปภาพ ปุ่ม และรูปแบบข้อความ
  • ชุดไอคอน 5 ชุด: ไอคอน Pe7, Font Awesome, ไอคอนเชิงเส้น, ไอคอนไอออน, ไอคอนธง
  • ป้าย ป้ายกำกับ และอวาตาร์พร้อมตัวเลือกการกำหนดค่าและสไตล์ที่หลากหลาย
  • มีการ์ดให้เลือกมากกว่า 10 แบบ บล็อกการโหลดการ์ด ด้วยปุ่ม แท็บ และหลายเมนู
  • รวมตัวโหลดและวิดเจ็ตการโหลดส่วนประกอบ
  • รายชื่อกลุ่มที่มีหลายตัวเลือก พวกเขาสามารถเก็บรูปภาพ ข้อความ คำบรรยาย ตัวบ่งชี้การโหลด และปุ่ม
  • เมนูการนำทาง 2 คอลัมน์ เมนูนำทางตาราง 3 คอลัมน์ เมนูแนวนอนและแนวตั้ง
  • ไทม์ไลน์แนวตั้งพร้อมอินดิเคเตอร์ 3 ประเภท
  • การไล่ระดับสีพื้นหลัง สีทึบ และรูปภาพพร้อมให้จัดสไตล์เกือบทุกองค์ประกอบ

ดูการสาธิต

EasyDev — เทมเพลต React Redux BS4 Admin

EasyDev

EasyDev เป็นเทมเพลตแดชบอร์ดขั้นสูงที่ใช้ React Components และ Bootstrap 4 Framework ได้ใช้เทคโนโลยีที่ทันสมัยและแนวทางปฏิบัติที่ดีที่สุด นั่นคือเหตุผลที่คุณสามารถทำงานกับผลิตภัณฑ์นี้ได้อย่างง่ายดาย เป็นเทมเพลตที่สะดวกที่สุดสำหรับนักพัฒนา เนื่องจาก React Components โค้ดสะอาด และเอกสารที่มีรายละเอียด ซึ่งช่วยให้คุณสร้างโปรเจ็กต์ต่างๆ ได้อย่างง่ายดาย ใช้สำหรับอีคอมเมิร์ซ การวิเคราะห์ กีฬา และเว็บหรือแอปพลิเคชันมือถือประเภทอื่นๆ

คุณสมบัติเทมเพลต

  • Bootstrap4
  • เลย์เอาต์ที่ตอบสนองอย่างเต็มที่
  • SASS ขับเคลื่อน
  • 100+ หน้าตอบโต้
  • แบบอักษรไอคอนฟรี
  • 200+ องค์ประกอบ UI
  • การ์ดแดชบอร์ด & วิดเจ็ต, ร้านค้าและรายการการ์ด & วิดเจ็ต
  • เมนู Navbar ที่ตอบสนอง
  • แผนภูมิ 3 ประเภท (Recharts, Chart.js, React-vis)
  • การตรวจสอบแบบฟอร์ม, ตัวช่วยสร้างแบบฟอร์ม
  • React WYSIWYG Editor, React Router 4, React-smooth-scrollbar, Reactstrap (ส่วนประกอบ Bootstrap 4), React-slick, React-big-calendar
  • วัสดุ UI
  • แบบฟอร์ม Redux และ Redux
  • ตารางสีและ DataTables
  • Google และแผนที่เวกเตอร์
  • ธีมสองสี ความเป็นไปได้ของธีมไม่จำกัด
  • อัปเดตตลอดอายุการใช้งานฟรี

ดูการสาธิต

Clean UI — ตอบสนอง Redux Admin Template

Clean UI — React Redux Admin Template

Clean UI เป็นเทมเพลต React Redux Admin ที่ง่ายที่สุด คุณไม่จำเป็นต้องเริ่มต้นใหม่ทั้งหมดหากคุณใช้เทมเพลตผู้ดูแลระบบนี้ คุณสามารถสร้างแอปพลิเคชันผู้ดูแลระบบที่ทันสมัยและสวยงามด้วย React+Redux, Bootstrap และ Ant Design Framework ที่ทำงานได้ดีบนมือถือและแท็บเล็ตตลอดจนเดสก์ท็อป มันมีเทมเพลตตามเพจ เส้นทาง คุณสมบัติการจัดการการอนุญาต

คุณสมบัติเทมเพลต

  • 7 in 1 Create-React-App, Create-React-App Seed, UmiJS, UmiJS Seed, Html แบบสแตนด์อโลน, การรวม Laravel พื้นฐาน, Landing Page + รุ่น Lite ฟรี
  • การใช้งาน Create-React-App 2.x และ UmiJS
  • กองพัฒนากันกระสุน
  • ง่ายต่อการเริ่มเขียนโค้ด
  • การออกแบบมด – React UI Framework ที่สมบูรณ์และทรงพลังที่สุด
  • เลย์เอาต์ที่ตอบสนอง ธีมสว่าง & มืด หลายเลย์เอาต์ การตั้งค่าเลย์เอาต์
  • 4 ไอคอนแพ็ค
  • Sass/Scss CSS อัปเดตสไตล์ได้ง่ายๆ โดยเปลี่ยนตัวแปรสองสามตัว
  • รหัสโมดูล เพิ่มและลบได้อย่างง่ายดาย
  • การสนับสนุนข้ามเบราว์เซอร์
  • รองรับความละเอียดสูง
  • การสนับสนุนระดับพรีเมียม
  • อัปเดตในอนาคตฟรี

ดูการสาธิต

Reactify - React Redux Material BootStrap 4 Admin Template

Reactify - React Redux Material BootStrap 4 Admin Template

Reactify เป็นเทมเพลต reactjs อันทรงพลังที่เป็นมิตรกับนักพัฒนาซึ่งพัฒนาด้วย redux, redux-thunk, webpack 4 และ bootstrap 4 ซึ่งตอบสนองได้อย่างเต็มที่และรองรับภาษา RTL ด้วยวิธีแปลภาษาแบบบูรณาการ มีส่วนประกอบ วิดเจ็ต และเพจที่พร้อมใช้งาน ซึ่งทำให้ง่ายต่อการสร้างแผงการดูแลระบบใหม่ตามความต้องการ มันมาพร้อมกับวิธี API ที่รวมไว้ล่วงหน้าที่ให้พลังแก่คุณในการสร้างหน้ารายการแบบไดนามิกของคุณได้อย่างง่ายดาย วิดเจ็ตที่ใช้งานได้โดยตรงช่วยให้คุณแสดงรายละเอียดต่างๆ บนแดชบอร์ดและหน้าอื่นๆ ได้อย่างยืดหยุ่น แก้ไขเป็นเทมเพลตที่คุณจะชื่นชอบในการทำงาน

คุณสมบัติเทมเพลต

  • การออกแบบแดชบอร์ดที่ไม่ซ้ำใคร 300+ องค์ประกอบ UI หน้ากำหนดเอง 20+ ตัวแก้ไขข้อความ ไอคอนแบบอักษรมากกว่า 1,000 รายการ
  • ตารางตอบสนองและข้อมูล
  • แผนภูมิและกราฟ
  • Reactjs, Reactstrap, React Router Dom, React-Instant search, React Quill, React Draft Wysiwyg, React Dragula, React Big Calendar, React Bootstrap Sweetalert, React Custom Scrollbars, React d3 Speedometer, การแจ้งเตือน React, ReCharts, React Content Loader
  • วัสดุ-UI
  • Redux, Redux Thunk, Redux Saga
  • เว็บแพ็ค 4.x
  • Axios
  • auth0-js, Moment.js
  • ตัวเลื่อนเนียน
  • กำหนดไอคอน, ไอคอนวัสดุ
  • Google Maps, Leaflet Maps, Jvector Map
  • Screenfull
  • การจัดระดับดาว

ดูการสาธิต

พอร์ทัล - เทมเพลตผู้ดูแลวัสดุตอบโต้

Portal - React Material Admin Template

Portal เป็นเทมเพลต React Material Admin ที่มีคุณภาพสูง มันมีศักยภาพมากมาย พอร์ทัลมีเลย์เอาต์ที่สวยงามหกแบบที่จะช่วยให้คุณเลือกรูปลักษณ์ที่สมบูรณ์แบบสำหรับผู้ดูแลแอปพลิเคชันของคุณ การออกแบบวัสดุทำให้ดูโดดเด่น มีตัวเลือกมากมายที่คุณสามารถเลือกได้ด้วยฟังก์ชันต่างๆ ที่ส่งเสริมความสามารถให้ถึงระดับสูงสุดอย่างแท้จริง

คุณสมบัติเทมเพลต

  • สร้างด้วยแอป Create React ของ Facebook
  • ใช้ส่วนประกอบ UI วัสดุล่าสุด
  • แดชบอร์ดสุดเก๋
  • 6 รูปแบบที่น่าทึ่ง
  • รองรับ RTL
  • 2 ตัวอย่างแอพ
  • 15+ หน้าองค์ประกอบ
  • 9 ธีมในตัวที่ยอดเยี่ยม
  • สไตล์ชีต SASS
  • ปฏิบัติตามคู่มือสไตล์ Airbnb React/JSX
  • ขี้เกียจโหลดเพจ
  • ตัวเลือกธีมไม่ จำกัด
  • ใช้การจัดการสถานะ Redux
  • วิดเจ็ต Chart.JS
  • เข้ากันได้ข้ามเบราว์เซอร์
  • รหัสสวยงาม
  • อัพเดทตลอดชีพ
  • การสนับสนุนที่แข็งแกร่งระดับ 5 ดาวที่มีชื่อเสียง

ดูการสาธิต

Jumbo React - เทมเพลตผู้ดูแลระบบ BootStrap วัสดุ Redux

Jumbo React

Jumbo React เป็นเทมเพลต React admin แบบสมบูรณ์ตามแนวคิดการออกแบบ Material เพื่อช่วยให้คุณสร้างแอปพลิเคชันการตอบโต้ได้เร็วและคุ้มค่า Jumbo React ใช้ไลบรารีและเฟรมเวิร์กระดับแนวหน้าซึ่งเป็นที่นิยมในหมู่นักพัฒนาที่ตอบสนอง ไลบรารียอดนิยมเหล่านั้น ได้แก่ Material-UI, Redux, Redux-Saga, ReCharts, React Big Calendar และอีกมากมาย หากคุณต้องการ MVP ที่รวดเร็ว ผลิตภัณฑ์ที่มั่นคง หรือการเปลี่ยนแปลงอย่างรวดเร็วในโครงการตอบสนองของคุณ Jumbo React จะครอบคลุมสิ่งเหล่านี้ทั้งหมดให้คุณ คุณสามารถสร้างแอปพลิเคชันระดับเล็กถึงซับซ้อนด้วย Jumbo React

คุณสมบัติเทมเพลต

  • React 16.x, React Router DOM, React Hot Loader
  • Redux & Redux-ซาก้า
  • การแยกรหัส
  • กำลังโหลดแบบอะซิงโครนัส
  • การออกแบบวัสดุของ Google – Material UI
  • รองรับหลายภาษาด้วย React Intl
  • รองรับ RTL อย่างเต็มที่
  • 6 เลย์เอาต์ที่แตกต่างกันและ 3 ธีมที่แตกต่างกัน
  • การนำทางแนวนอนและแนวตั้ง
  • Firebase พร้อม APIs
  • การตรวจสอบสิทธิ์ Firebase กับไซต์โซเชียล
  • แผนที่ของกูเกิล
  • ปฏิทิน
  • 500+ ไอคอนการออกแบบวัสดุ
  • BootStrap4 (SCSS)
  • โครงสร้างโฟลเดอร์ที่สมบูรณ์แบบ
  • รองรับการกำหนดเส้นทางหลายระดับและการกำหนดเส้นทางแบบไดนามิก
  • ES6 กับ Babel
  • การจัดการบรรจุภัณฑ์ด้วยเส้นด้าย
  • การรวมโมดูลด้วย WebPack 3.x
  • ความเข้ากันได้ของเบราว์เซอร์
  • ตอบสนองอย่างเต็มที่
  • ไม่มี jQuery

ดูการสาธิต

Veltrix - เทมเพลตผู้ดูแลระบบ & แดชบอร์ดขั้นสูง

Veltrix

Veltrix เป็นเทมเพลตและชุดเริ่มต้นของผู้ดูแลระบบระดับพรีเมียมและตอบสนองอย่างเต็มที่พร้อม bootstrap เวอร์ชัน 4.3.1 เป็นแอปพลิเคชันผู้ดูแลระบบที่ได้รับการขัดเกลาอย่างมากในการตอบสนองด้วย redux ดูสวยงามด้วยความละเอียดทุกขนาด เหมาะอย่างยิ่งกับจอภาพเดสก์ท็อป หน้าจอแล็ปท็อป iPad, iPhone, Android Mobile หรือแท็บเล็ต มันจะสมบูรณ์แบบสำหรับการแสดงผลิตภัณฑ์แอพ สตาร์ทอัพ เว็บไซต์ส่วนตัว และแม้แต่เอเจนซี่ทางเว็บ คุณจะสามารถปรับแต่งตามความต้องการของคุณได้อย่างง่ายดาย มีทุกสิ่งที่คุณต้องการเพื่อเปิดไซต์ของคุณภายในสองสามชั่วโมง

คุณสมบัติเทมเพลต

  • เลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์ (เดสก์ท็อป แท็บเล็ต อุปกรณ์มือถือ)
  • สร้างด้วย Bootstrap 4.3.1
  • เค้าโครงแนวนอนและแนวตั้ง
  • รองรับ LTR & RTL
  • การออกแบบที่สะอาดและเรียบ
  • HTML5 & CSS3
  • การสนับสนุน SASS
  • เข้าสู่ระบบ ลงทะเบียน หน้าแสดงข้อผิดพลาด
  • มุมมองปฏิทิน
  • การตรวจสอบแบบฟอร์ม
  • ใบแจ้งหนี้พร้อมปุ่มพิมพ์พร้อม
  • หน้ารายการไดเรกทอรี
  • Google Maps
  • ดรอปโซน ไฟล์อัพโหลด
  • Summernote Editor
  • ห้องสมุด 6+ ชาร์ต
  • ตารางข้อมูล
  • รวมหน้าข้อผิดพลาด

ดูการสาธิต

ฟิวส์ - เทมเพลตผู้ดูแลการออกแบบวัสดุ React Redux

Fuse - React Redux Material Design Admin Template

Fuse React เขียนด้วย react hooks (คุณสมบัติใหม่ของ react ให้คุณใช้สถานะและคุณสมบัติ React อื่น ๆ โดยไม่ต้องเขียนคลาส) เป็นเทมเพลต React admin ที่สมบูรณ์ซึ่งเป็นไปตามหลักเกณฑ์การออกแบบวัสดุของ Google เทมเพลตผู้ดูแลระบบนี้ใช้ Material UI เป็นไลบรารี UI หลักในขณะที่ใช้ Redux สำหรับการจัดการสถานะ มีเทมเพลตเพจ การกำหนดเส้นทาง และคุณลักษณะการตรวจสอบสิทธิ์ในตัว นอกจากนี้ยังมีแอพตัวอย่าง 5 แอพ 20+ เพจ ส่วนประกอบตอบสนองที่นำกลับมาใช้ใหม่ได้มากมาย เทมเพลตผู้ดูแลระบบ Fuse React ไม่ได้เป็นเพียงการเริ่มต้นที่ดีสำหรับโครงการของคุณ แต่ยังเป็นสถานที่ที่ดีมากในการเรียนรู้แง่มุมขั้นสูงของ React

คุณสมบัติเทมเพลต

  • React, React Redux, React Router 4, React Table, Forms React, React ChartJs 2, สร้างแอป React
  • วัสดุ-UI ถัดไป ไอคอนวัสดุ
  • สายลม
  • Redux Thunk
  • ตระกูลแบบอักษร Roboto โดย Google
  • Google Map React
  • แดชบอร์ดการวิเคราะห์ แดชบอร์ดโครงการ
  • ปฏิทิน, สิ่งที่ต้องทำ, อีคอมเมิร์ซ, เมล, ตัวจัดการไฟล์, ผู้ติดต่อ, แชท, Scrumboard, Academy, Notes
  • หน้ารับรองความถูกต้อง, หน้าเร็วๆ นี้, หน้าแสดงข้อผิดพลาด, ใบแจ้งหนี้, หน้าการบำรุงรักษา, หน้าโปรไฟล์, หน้าค้นหา, หน้าราคา, หน้าคำถามที่พบบ่อย, หน้าฐานความรู้
  • การนำทางแนวตั้งซ้าย/ขวา, การนำทางแนวนอน, การนำทางแบบพับ, แถบเครื่องมือด้านบน/ด้านล่าง, ส่วนท้ายด้านบน/ด้านล่าง
  • การตรวจสอบ JWT, การตรวจสอบสิทธิ์ Auth0, การตรวจสอบสิทธิ์ Firebase
  • โครงการโครงกระดูก การแยกรหัส การจัดการสีแบบกำหนดเอง

ดูการสาธิต

บทสรุป

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