Mantine
Išsamus sprendimas, leidžiantis greitai ir efektyviai kurti prieinamas ir prisitaikančias naudotojo sąsajas.
nuqs
Komponentas
Pagalbinė funkcija
Šioje bibliotekoje pateikiamas kabliukas, skirtas Next.js programų būsenai tvarkyti naudojant URL užklausos eilutę, panašiai kaip React kabliukas useState. Kūrėjai gali lengvai sinchronizuoti komponentų būseną su URL, todėl ji išsaugoma naršant ir atnaujinant puslapį.
### Funkcijos
Biblioteka patikimai palaiko Next.js programų ir puslapių maršrutizatorius, todėl sklandžiai veikia su įvairiomis maršrutizavimo konfigūracijomis. Paprasta API pažįstama React kūrėjams, tad ją galima greitai pradėti naudoti.
### Pagrindinės funkcijos:
- Nuo pradžios iki pabaigos užtikrinamas tipų saugumas tarp serverio ir kliento komponentų.
- Universaliai palaikomi programų ir puslapių maršrutizatoriai.
- Pažįstama React.useState tipo API, sinchronizuojama su URL.
- Integruoti įprastų būsenų tipų, pavyzdžiui, sveikųjų ir slankiojo kablelio skaičių bei loginių reikšmių, analizatoriai.
- Naršymo istorijos valdymo parinktys leidžia įrašą pakeisti arba pridėti.
- Skirta pirmiausia kliento pusės atnaujinimams; galima pranešti serveriui, kad jis iš naujo apskaičiuotų atvaizduojamus komponentus.
- Specialus kabliukas `useQueryStates` leidžia vienu metu tvarkyti kelis susijusius užklausos būsenos kintamuosius.
- Maža ir lengva – suglaudinta gzip formatu užima tik 4.39 kB.
- Išsamiai išbandyta su kiekviena Next.js laida.
- Pritaikomi analizatoriai ir serializatoriai, atitinkantys kūrėjų poreikius.
Funkcijos
- Tipų saugumas
- Nuo pradžios iki pabaigos užtikrinamas tipų saugumas tarp serverio ir kliento komponentų
- Universaliai palaikomi programų ir puslapių maršrutizatoriai
- Paprasta, į React.useState panaši API
- Integruoti įprastų tipų analizatoriai
- Būsenos valdymo istorijos parinktys
- Pirmiausia kliento pusėje atliekami paviršiniai atnaujinimai
- Serverio podėlis tipams saugiai pasiekti įdėtus React Server Components
- Palaikomas useTransition, kad būtų galima rodyti įkėlimo būsenas
- Pritaikomi analizatoriai ir serializatoriai
- Lengva, su minimaliu rinkinio dydžiu
- Išbandyta su visomis Next.js laidomis
Susiję elementai
React Router
Būtinas įrankis maršrutams ir navigacijai React programose valdyti, didinantis kūrėjų darbo efektyvumą ir programų našumą.
Hybrids
Ši sistema leidžia kūrėjams kurti efektyvias ir lengvai prižiūrimas žiniatinklio programas bei komponentus, derinant deklaratyvaus ir funkcinio programavimo metodus.
Next.js
Patikimas sprendimas asinchroninėms, dinaminėms žiniatinklio programoms kurti. Platus funkcijų rinkinys didina kūrėjų produktyvumą.
React DnD
Ši biblioteka leidžia lengvai įdiegti vilkimo ir numetimo funkciją React programose, nesirūpinant naršyklės API subtilybėmis.
React Hook Form
Galinga formų valdymo biblioteka, supaprastinanti formų tvarkymą React programose ir užtikrinanti našumą bei patogumą.
TanStack Query
Šis įrankis iš esmės keičia asinchroninių duomenų tvarkymą jūsų programose – siūlo deklaratyvų ir automatinį sprendimą, gerinantį tiek kūrėjų, tiek naudotojų patirtį.
TanStack Router
Šiuolaikiška ir lengvai plečiama maršrutizavimo biblioteka, specialiai skirta React, daugiausia dėmesio skirianti tipų saugumui ir efektyviam duomenų valdymui.