Dokumentacja
⚠️
Dokumentacja jest w trakcie budowy, dlatego możesz nie znaleźć w niej informacji na niektóre zagadnienia.
Od czego zacząć
Jeśli dołączasz do projektu, przejdź dokumentację w tej kolejności:
- Instalacja – fork szablonu, Personal Access Token do rejestru
@salesbook, instalacja pakietów. - Uruchomienie projektu – komendy Nx uruchamiające kalkulator oraz podsumowania.
- Struktura projektu – podział na
appsilibsoraz co gdzie trafia. - Jak działa kalkulator – model mentalny całego modułu: przepływ danych, plik
_app.tsxi integracja z Salesbookiem. - Tutorial: pierwsza funkcjonalność – przejście przez wszystkie warstwy szablonu na jednym przykładzie: ustawienie, sekcja, krok, formuła, oferta, eksport.
- Kalkulator – najważniejsze elementy aplikacji: routing i flow kroków, store, ustawienia i providery.
- Elementy UI – komponenty, wrappery formularza, gotowe sekcje, ikony, layouty i motyw.
- Struktury plików – wzorce, według których pisze się kroki, sekcje i formuły obliczeniowe.
- Instrukcje – gotowe przepisy na dodanie kroku, sekcji, formuły, ustawienia, danych i tłumaczeń.
- Praktyki w projekcie – konwencje obowiązujące przy pisaniu kodu.
Jeśli wolisz uczyć się na konkretnym przykładzie zamiast czytać opis warstwa po warstwie, przejdź od razu do tutoriala — prowadzi przez pełną ścieżkę: ustawienie → sekcja → krok → formuła → wynik → oferta → eksport, a każdy etap kończy się instrukcją, jak sprawdzić, że działa.
Technologie
- Nx - zarządzanie wieloma aplikacjami - monorepo
- Next.js
- Typescript
- MUI - komponenty, motywy
- React Hook Form - formularze
- yup - walidacja
- Redux & Redux Toolkit - zarządzanie stanem aplikacji -
- React Spring - animacje
- i18n - obsługa wielu języków
- SVGR - import SVG jako komponent
- ECharts - wykresy
- Swiper - komponenty karuzeli
- Paged.js - generowanie PDFów
- lodash - dodatkowe funckje do manipulacji danymi
- SWR - pobieranie danych z obsługą Suspense