12 สุดยอด React Redux Admin Dashboard 2020
เผยแพร่แล้ว: 2022-10-18ReactJs ช่วยให้คุณพัฒนาส่วนต่อประสานผู้ใช้ที่ตอบสนองได้ง่ายมาก ไม่สำคัญหรอกว่าโครงสร้างข้อมูลจะซับซ้อนแค่ไหน คุณสามารถสร้างแผนภูมิเชิงโต้ตอบและองค์ประกอบ UI อย่างชาญฉลาดด้วย ReactJs ดังที่คุณทราบแล้วว่าชุมชน Instagram และ Facebook นั้นสร้างขึ้นและดูแล คุณไม่จำเป็นต้องกังวลเกี่ยวกับคุณภาพหรือความชำนาญในการจัดการรหัสที่ซับซ้อน ดังนั้น React จึงเป็นที่มาที่ไม่มีใครเทียบได้ในการสร้างอินเทอร์เฟซสำหรับเว็บแอปพลิเคชัน และแดชบอร์ดตอบโต้จะมีอินเทอร์เฟซผู้ใช้ที่เป็นนวัตกรรมใหม่กว่า
สิ่งสำคัญอันดับต้นๆ ของ ReactJs คือ องค์ประกอบต่างๆ สามารถแสดงและดูได้อย่างสะดวกสบาย มันรับรองความสามารถในการอ่าน และทำให้การบำรุงรักษาง่ายขึ้น เป็นเรื่องง่ายมากที่จะทดสอบสำหรับนักพัฒนา สามารถทดสอบได้แม้กระทั่งจากฝั่งเซิร์ฟเวอร์ ข้อเสียเปรียบเพียงอย่างเดียวของ ReactJS คือมันเป็นทนายทั้งหมด มันแสดงว่าคุณสามารถใช้มันเพื่อสร้างอินเทอร์เฟซ แต่ไม่สามารถใช้เพื่อรักษาข้อมูลได้ คุณต้องรวม React เข้ากับเฟรมเวิร์กของ MVC (Model-View-Controller) เพื่อรักษาข้อมูล
มีนักพัฒนาเทมเพลตที่โดดเด่นมากมายที่ยุ่งอยู่กับการพัฒนาเทมเพลตเกี่ยวกับหัวข้อเหล่านี้ ดังนั้นในตลาดกลางหลายแห่ง พวกเขาจึงเผยแพร่เทมเพลตผู้ดูแลระบบของตน เราจะเลือกเทมเพลตผู้ดูแลระบบที่ดีที่สุด 10 แบบในตลาดเหล่านี้ เรามาเริ่มบทความกันเลย
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
นี่คือ 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
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 สร้างขึ้นสำหรับแอปพลิเคชันสมัยใหม่ที่ขับเคลื่อนโดยเทคโนโลยีอื่นๆ ที่สนับสนุนการรวม 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 เป็นเทมเพลตแดชบอร์ดขั้นสูงที่ใช้ 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 ที่ง่ายที่สุด คุณไม่จำเป็นต้องเริ่มต้นใหม่ทั้งหมดหากคุณใช้เทมเพลตผู้ดูแลระบบนี้ คุณสามารถสร้างแอปพลิเคชันผู้ดูแลระบบที่ทันสมัยและสวยงามด้วย 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 เป็นเทมเพลต 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 ที่มีคุณภาพสูง มันมีศักยภาพมากมาย พอร์ทัลมีเลย์เอาต์ที่สวยงามหกแบบที่จะช่วยให้คุณเลือกรูปลักษณ์ที่สมบูรณ์แบบสำหรับผู้ดูแลแอปพลิเคชันของคุณ การออกแบบวัสดุทำให้ดูโดดเด่น มีตัวเลือกมากมายที่คุณสามารถเลือกได้ด้วยฟังก์ชันต่างๆ ที่ส่งเสริมความสามารถให้ถึงระดับสูงสุดอย่างแท้จริง
คุณสมบัติเทมเพลต
- สร้างด้วยแอป Create React ของ Facebook
- ใช้ส่วนประกอบ UI วัสดุล่าสุด
- แดชบอร์ดสุดเก๋
- 6 รูปแบบที่น่าทึ่ง
- รองรับ RTL
- 2 ตัวอย่างแอพ
- 15+ หน้าองค์ประกอบ
- 9 ธีมในตัวที่ยอดเยี่ยม
- สไตล์ชีต SASS
- ปฏิบัติตามคู่มือสไตล์ Airbnb React/JSX
- ขี้เกียจโหลดเพจ
- ตัวเลือกธีมไม่ จำกัด
- ใช้การจัดการสถานะ Redux
- วิดเจ็ต Chart.JS
- เข้ากันได้ข้ามเบราว์เซอร์
- รหัสสวยงาม
- อัพเดทตลอดชีพ
- การสนับสนุนที่แข็งแกร่งระดับ 5 ดาวที่มีชื่อเสียง
ดูการสาธิต
Jumbo React - เทมเพลตผู้ดูแลระบบ BootStrap วัสดุ Redux
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 เป็นเทมเพลตและชุดเริ่มต้นของผู้ดูแลระบบระดับพรีเมียมและตอบสนองอย่างเต็มที่พร้อม 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 เขียนด้วย 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 ได้ดีที่สุด โปรดแชร์บทความนี้กับโปรไฟล์โซเชียลต่างๆ ของคุณและให้ผู้อื่นมีโอกาสอ่านบทความนี้และรวบรวมความรู้ มันจะเป็นเกียรติอย่างมากสำหรับเรา นั่นคือทั้งหมดสำหรับวันนี้ โปรดอ่านบทความอื่นๆ ของเราในหัวข้อที่น่าสนใจต่างๆ ที่โพสต์แล้วในบล็อกของเรา ติดต่อกับบล็อกของเรา ขอบคุณมากสำหรับการอ่านบทความนี้ ดังนั้นขอให้มีวันที่ดี