Szablon panelu administracyjnego Gradient Able Reactjs

Gradientowy szablon administratora ReactJS

Szablon Gradient Able React Admin Dashboard jest zbudowany przy użyciu ReactJS. W pełni obsługuje funkcjonalność React Hooks z obsługą React Strap (tj.Bootstrap 5) dla każdej łatwej lub złożonej potrzeby deski rozdzielczej.

Stos technologii

Poniżej znajduje się technologia, której użyliśmy do zbudowania szablonu React z obsługą gradientu. Do zbudowania tego szablonu wykorzystaliśmy najnowszą technologię.

• React Hook — użytkownicy mogą używać stanu i innych funkcji React bez pisania klasy. Jest to nowa koncepcja wprowadzona w React 16.8.
• React Redux - Jest to oficjalne powiązanie React dla Redux. Za pomocą tej metody można odczytywać dane ze sklepu Redux, danych aktualizacji i danych wysyłki.
• Reactstrap - Użytkownicy Reactstrap mogą z łatwością korzystać z komponentów Bootstrap 4.
• JWT — JSON Web Token (JWT) to zwarty adres URL reprezentujący roszczenia, które mają być przekazywane między stronami. JWT są zakodowane jako obiekt JSON, który jest podpisany cyfrowo przy użyciu JWT i zaszyfrowany przy użyciu JSON Web Encryption
• Auth0 — Auth0 to elastyczne, gotowe rozwiązanie do sprawdzania uwierzytelniania użytkowników w aplikacji. Jest łatwy do wdrożenia i uwierzytelnienia.
• Uwierzytelnianie Firebase — Uwierzytelnianie Firebase zapewnia usługi zaplecza, łatwe w użyciu zestawy SDK i gotowe biblioteki interfejsu użytkownika do sprawdzania autentyczności użytkowników Twojej aplikacji.
• Utwórz aplikację React - Utwórz aplikację React zapewnia szybkie uruchomienie aplikacji React. Oszczędza czas potrzebny na instalację i konfigurację. Musisz po prostu uruchomić jedno polecenie, aby utworzyć aplikację.

Cechy

Oto najważniejsze funkcje dostępne z motywem administratora Gradient Able.

• Ponad 11 układów stron
• Konfigurator na żywo, aby wybrać ustawienie, którego pragniesz w swoim projekcie
• Dobrze ustrukturyzowane style kodu
• W pełni responsywny i przetestowany w przeglądarce projekt
• Przyciągające wzrok style Gradient w ciepłych kolorach
• Stworzony z myślą o wydajności

O projektowaniu

Czyste przyciągające wzrok i ciepłe kolory gradientu są używane w szablonie Gradient Able Dashboard. Szablon zawiera ponad 12 gotowych kombinacji kolorów.

Układy

• Domyślny (jasny)
• Ciemny
• Ciemne światło

Predefiniowane ustawienia układu

• Pionowy
• Poziomy
• RTL
• Skrzynka
• Nagłówek naprawiony
• Menu naprawione
• Zawalić się

Wykres

Pulpit nawigacyjny wymaga wykresu, aby wyróżnić dane statystyczne w Twoim projekcie. Zaimplementowaliśmy ponad 40 wykresów z mnóstwem różnych opcji.

Typy wykresów

• Wykres szczytowy
• Wykres JS
• Highchart
• Ponowny wykres

Mapy

• Mapy Google
• Wektor

Czuły

Projekt Gradient Able jest w pełni responsywny. Rozmiar można dostosować do rozmiaru ekranu. Jest kompatybilny z każdym urządzeniem (iPad, Tablet) i przeglądarką (Mozilla, Safari). Udoskonaliliśmy projekt Gradient Able w różnych aspektach, takich jak płynne renderowanie, łatwe przewijanie, redukcja błędów projektowych itp.

Widżety

Ponad 150 gotowych do użycia kolekcji widżetów, takich jak statystyki, analizy, karty użytkowników, wykresy, tabele, wykresy, widżety danych, widżety suwaków.

składniki

Gradient Able Admin Template zawiera wszystkie podstawowe komponenty Bootstrap, a także zaimplementowane komponenty innych firm wymienione poniżej.

Zaawansowane komponenty

• Słodki alarm
• Selektor daty
• Pomocnik siatki
• LightBox
• Modalny
• Powiadomienie
• Zagnieżdżone
• pPowiadom
• Ocena
• Suwak zakresu
• Podświetlacz składni
• Wycieczka
• Widok drzewa
• pasek narzędzi

Składniki formularza

• Przełączniki, radio, pole wyboru, wejście tagów, maksymalna długość
• Formularz Redux
• Formik
• Maskowanie formularzy
• Maskowanie formularza 2
• Kreator formularzy
• Selektory formularzy, Datepicker, próbnik kolorów
• Wybierz 2
• Podwójna lista React

Stoły

• Tabela Bootstrap
• Stoły reakcji

Wydajność

Wydajność jest naszym kluczowym punktem przed opracowaniem motywu Gradient Able Admin i osiągnęliśmy to dzięki wielu testom i wysiłkom na rzecz ulepszenia kodu.

Rozszerzenia aplikacji

Gradient Able jest dostarczany z różnymi aplikacjami/rozszerzeniami innych firm, które można bezpośrednio wykorzystać w Twoim projekcie.

Aplikacja

• Zadanie
• Do zrobienia
• Galeria

Rozszerzenia

• Redaktor, ckEditor, Tinymce
• Faktura
• Pełny kalendarz
• Udostępnianie pliku
• Przycinanie obrazu

Elastyczność

Projekt i kod są w pełni elastyczne i można je wykorzystać bezpośrednio w konfiguracji projektu za pośrednictwem pomocnika Documentation.

Wsparcie

Oddzielne wsparcie techniczne do szybkiego rozwiązania zapytania.

Zakupiony pakiet zawiera

- Obraz podglądu wersji demonstracyjnej na żywo nie jest zawarty w pakiecie

- Dokumentacja

Zasoby-kredyty

• ReactJS
• Zareaguj Redux
• ReactStrap 4
• Czcionka Google

Lista zmian