Jump to content

Inne Rekomendacje

Zdajemy sobie spraw─Ö z tego, ┼╝e biblioteki kt├│re zawiera Create T3 App nie s─ů lekarstwem na wszystko. Polecamy zaczyna─ç projekty z rzeczami, kt├│re s─ů ju┼╝ do┼é─ůczone - przyjdzie jednak czas, kiedy b─Ödziesz musia┼é doda─ç swoje paczki. Tylko ty wiesz, czego tw├│j projekt potrzebuje. Polecamy przejrze─ç jednak poni┼╝sz─ů list─Ö naszych rekomendacji.

S─ů to rekomendacje pojedynczych kontrybutor├│w i nie powinny by─ç postrzegane jako ÔÇťoficjalneÔÇŁ sposoby na rowi─ůzywanie danych problem├│w od zespo┼éu Create T3 App czy te┼╝ T3-OSS. Zr├│b sw├│j research, szczeg├│lnie zanim skorzystasz z p┼éatnych us┼éug.

State Management

Informacja: Biblioteki do state managementu mog─ů by─ç niez┼ée, jednak cz─Östo nie s─ů one potrzebne. Hooki od tRPC (a dok┼éadniej od React Query) powinny by─ç w stanie zarz─ůdza─ç statem od strony serwera. W przypadku stateÔÇÖa klienta, zacznij od hooka useState oferowanego przez Reacta i skorzystaj z poni┼╝szych opcji je┼Ťli b─Ödziesz potrzebowa─ç czego┼Ť wi─Öcej.

Zustand

Aby nigdy wi─Öcej nie u┼╝ywa─ç Reduxa

ÔÇťNowoczesny, prosty ReduxÔÇŁ, o kt├│rym nie wiedzia┼ée┼Ť, ┼╝e go potrzebujesz. PoimandresowiÔćŚ zawsze mo┼╝na zaufa─ç. Zbudowa─ç mo┼╝esz wszystko, pocz─ůwszy od aplikacji do rozm├│w wideo a sko┼äczywszy na grach czy te┼╝ serwerach.

Jotai

Aby nigdy wi─Öcej nie u┼╝ywa─ç kontekstu

Przy bardziej ÔÇťniepodzielnymÔÇŁ podej┼Ťciu, ci─Ö┼╝ko jest pobi─ç Jotai. Tak┼╝e wykonana przez PoimandresÔćŚ, Jotai pozwala ci definiowa─ç singletony kt├│re sprawiaj─ů wra┼╝enie, jakby by┼éy globalnym hookiem useState. ┼Üwietna opcja do zachowa┼ä wymagaj─ůcych zachowania ze statem i takich, kt├│re jeszcze nie potrzebuj─ů maszyny stateÔÇÖa.

Biblioteki Komponent├│w

Wiele aplikacji wymaga tej samej gar┼Ťci komponent├│w - prze┼é─ůcznik├│w, dropdown├│w czy te┼╝ modali. Biblioteki te zaopatrz─ů ci─Ö w znakomite i przyst─Öpne komponenty, z kt├│rych mo┼╝esz korzysta─ç, i kt├│re mo┼╝esz dostosowywa─ç jak tylko chcesz.

Biblioteki Komponent├│w Bez Narzuconych Styl├│w

Znane tak┼╝e jako biblioteki ÔÇťheadlessÔÇŁ, zapoatrz─ů ci─Ö w znakomite, przyst─Öpne komponenty bez narzuconych styl├│w, kt├│re b─Ödziesz m├│g┼é dostosowa─ç jak tylko chcesz. Tu znajdziesz kilka rekomendacji.

  • Radix UIÔćŚ zaopatrzy ci─Ö w olbrzymi zestaw praktycznych i przyst─Öpnych prymityw├│w, kt├│re b─Ödziesz m├│g┼é dostosowa─ç do swoich potrzeb z czystym CSSem lub Tailwind CSS.

  • Headless UIÔćŚ wykonane przez zesp├│┼é stoj─ůcy za Tailwind CSS, przekazuje ci przyst─Öpne komponenty bez narzuconych styl├│w, kt├│re bezproblemowo integruj─ů si─Ö z Tailwind CSS.

  • React AriaÔćŚ zaopatrzy ci─Ö w przyst─Öpne prymitywy do UI dla twojego design systemu.

Biblioteki Komponent├│w Z Gotowymi Stylami

W przypadku, kiedy chcesz ┼╝eby twoja aplikacja wygl─ůda┼éa OK

Czasem buduj─ůc projekt, chcesz aby Ui wygl─ůda┼éo po prostu przyzwoicie. Do projekt├│w takich jak panele administratora i podobnych, ka┼╝da z tych bibliotek da sobie doskonale rad─Ö.

Class Variance Authority

Gdy budujesz w┼éasn─ů bibliotek─Ö UI

Zbuduj bibliotek─Ö UI z r├│┼╝nymi kolorami, rozmiarami, wariantami itp. Gdy tw├│j projekt osi─ůgnie skal─Ö na tyle du┼╝─ů, ┼╝e b─Ödziesz musia┼é skorzysta─ç z ustandaryzowanego zestawu komponent├│w z wieloma wariantami (korzystaj─ůc przy tym z Tailwind CSS), CVA stanie si─Ö doskona┼éym narz─Ödziem.

Animacje

Rekomendacje na sytuacje, kiedy w aplikacji potrzebowa─ç b─Ödziesz animacji :)

AutoAnimate

Aby animacje by┼éy pojedyncz─ů lini─ů kodu

Wiele bibliotek od animacji stara si─Ö rozwi─ůza─ç ka┼╝dy mo┼╝liwy problem, staj─ůc si─Ö przy tym uci─Ö┼╝a┼ée i niezbyt praktyczne. AutoAnimate to narz─Ödzie niewymagaj─ůce konfiguracji, kt├│re pozwoli ci uzyska─ç znacz─ůc─ů popraw─Ö w UX twojej aplikacji bez dodatkowego wysi┼éku.

Framer Motion

Złożone animacje z deklaratywnym kodem

Framer Motion pozwala Ci w prosty spos├│b i z deklaratywn─ů sk┼éadni─ů napisa─ç ma┼éo kodu, a w zamian zaopatrzy twoj─ů aplikacj─Ö w z┼éo┼╝one animacje, czy nawet reakcje na gesty.

Wdra┼╝anie, Infrastruktura, Bazy Danych i CI

Vercel

Aby zhostowa─ç swoj─ů aplikacj─Ö

Vercel zamieni┼é prawdziwe piek┼éo deploymentu aplikacji w ┼éatw─ů integracj─Ö z GitHubem. Przeskalowali┼Ťmy si─Ö do setek tysi─Öcy u┼╝ytkownik├│w bez problemu. Nap─Ödzany przez AWS, o wiele lepszy interfejs :)

PlanetScale

Bazy danych bez obaw

PlanetScale to najlepsza platforma ÔÇťserverlessÔÇŁ do baz danych, z kt├│rej kiedykolwiek korzystali┼Ťmy. Znakomicie si─Ö skaluje, dostarcza ┼Ťwietny DX, zawiera doskona┼ée ceny. Je┼╝eli korzystasz z SQLa (i miejmy nadziej─Ö z Prismy), ci─Ö┼╝ko jest t─ů us┼éug─Ö pobi─ç.

Railway

Aby hostowa─ç swoj─ů infrastruktur─Ö

ÔÇťNowoczesne HerokuÔÇŁ. Naj┼éatwiejszy spos├│b aby uzyska─ç prawdziwy dzia┼éaj─ůcy serwer. Je┼╝eli Vercel i PlanetScale nie s─ů dla Ciebie wystarczaj─ůce, prawdopodobnie Railway b─Ödzie. Po┼é─ůcz go z repozytorium GitHuba i gotowe.

Upstash

Redis dla aplikacji ÔÇťserverlessÔÇŁ

Kochamy Prism─Ö i PlanetScale, ale niekt├│re projekty wymagaj─ů bardziej wydajnego rozwi─ůzania. Upstash pozwala na pr─Ödko┼Ť─ç blisk─ů tej przy bezpo┼Ťrednim odczycie z pami─Öci w twoim projekcie ÔÇťserverlessÔÇŁ, przy tym nie obci─ů┼╝aj─ůc Ci─Ö zarz─ůdzaniem infrastruktury i skalowania.

Pusher

WebSockety ÔÇťserverlessÔÇŁ

Je┼╝eli WebSockety stanowi─ů g┼é├│wn─ů cz─Ö┼Ť─ç projektu, mo┼╝esz chcie─ç rozwa┼╝y─ç bardziej tradycyjny backend taki jak FastifyÔćŚ (kt├│ry r├│wnie┼╝ dzia┼éa z tRPC!ÔćŚ). Jesli jednak chcesz szybko doda─ç WebSockety do aplikacji T3, Pusher to doskona┼éy wyb├│r.

Soketi

Soketi to prosta w u┼╝yciu alternatywa do Pushera, kt├│r─ů hostuje si─Ö samemu. Jest w pe┼éni kompatybilna z SDK Pushera, z kt├│rego mo┼╝esz korzysta─ç, aby po┼é─ůczy─ç si─Ö z serwerem. Wersja ÔÇťserverlessÔÇŁ Soketi jest w becie.

Statystyki Stron (Analytics)

Buduj─ůc aplikacj─Ö, dane u┼╝ytkownik├│w s─ů bardzo cenne. Znajdziesz tu par─Ö serwis├│w do ich zbierania, kt├│re polecamy.

Plausible

Potrzebujesz zbiera─ç statystyki? Plausible to jedna z najszybszych opcji aby to zrobi─ç. Bardzo minimalna. Posiada nawet prosty plugin dla Next.jsÔćŚ.

Umami

Umami to prosta w u┼╝yciu, open-source, szybka i skupiaj─ůca si─Ö na prywatno┼Ťci alternatywa dla Google Analytics, kt├│r─ů hostuje si─Ö samemu. Mo┼╝esz go zdeployÔÇÖowa─ç dzi─Öki serwisom, takim jak Vercel, Railway itp., korzystaj─ůc przy tym z PlanetScale jako bazy danych.

Inne

Next Bundle Analyzer

Okre┼Ťlenie co znajdzie si─Ö w finalnym buildzie aplikacji mo┼╝e czasem stanowi─ç problem. Next Bundle Analyzer to ┼éatwy spos├│b na wizualizacj─Ö i analiz─Ö kodu JavaScript, kt├│ry zostaje wygenerowany.


Recent Contributors To This Page