Jump to content

Attention: This page is 93 days older than the English version and might be outdated. If you're a native speaker of this language and would like to contribute to the project, please consider updating this page to match the latest English version.

You can also view the English version of this page.

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