React, jaka biblioteka komponentów do korpo UI?

React, jaka biblioteka komponentów do korpo UI?

Wątek przeniesiony 2024-08-27 20:55 z JavaScript przez Riddle.

SW
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 250
0

Jak w tytule, jakie biblioteki do Reacta polecacie do tworzenia typowych korporacyjnych UI?

Pożądane cechy:

  • kompaktowy, czyli małe przestrzenie między komponentami, trzeba dużo upchać na ekranie i dzielić miejsce jeszcze z innymi modułami,
  • gotowe tabele, data gridy, wirtualizacje przy przewijaniu, stronicowanie, dialogi itp.,
  • łatwy layout, gotowe komponenty typu grid, stack, podstawowa responsywność,
  • wsparcie dla TypeScript.

Pod uwagę wstępnie brane są dwa:

  • Material UI
    • na plus: ładny, gotowy layout, łatwa stylizacja, popularny i wspierany,
    • na minus: dosyć rozlazły, duża typografia, jeszcze większe komponenty i przestrzenie między nimi,
  • Fluent UI 9:
    • na plus: kompaktowy, mała typografia, można dużo zmieścić na ekranie, wygląda jak typowa korpo apka od Microsoftu, gotowy data grid i inne takie,
    • na minus: mniej popularny, nie wiadomo jak długo pożyje, nie ma gotowego layoutu.

Material UI jest mi znany, ale z Fluent UI nie pracowałem. Ktoś korzysta z Fluenta w pracy? Jakie macie o nim opinie, jakie problemy sprawia?

obscurity
  • Rejestracja: dni
  • Ostatnio: dni
1

Korpo mają często swoje własne wewnętrzne biblioteki UI.
Często są oparte na innych na przykład material UI + https://www.ag-grid.com

Tak naprawdę to z każdą kolejną wersją CSS jest coraz mniejsza potrzeba bibliotek UI.
Poza gridami / chartami do których warto zaangażować osobne bilbioteki to ostatnio w css dostaliśmy dialogi https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog, popover https://developer.mozilla.org/en-US/docs/Web/API/Popover_API/Using, view transitions https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API itp.
W zasadzie wystarczy prosty arkusz styli żeby to jakoś wyglądało, stworzenie własnego responsywnego layoutu nie jest już takim problemem jak w momencie powstawania bootstrapa. Grid / stack nie musi być osobnym komponentem, wystarczy klasa css - własna czy z tailwinda

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.