2016-09-06 15 views
5

Aktualnie pracuję nad aplikacją React. Rozważam użycie aplikacji bootstrap do zaprojektowania aplikacji responsywnej.React Responsive design

Zastanawiam się, czy powinienem użyć czystej biblioteki bootstrap lub użyć react-bootstrap.

A istnieje kilka bibliotek podobnych do react-bootstrap, takich jak react-grid-layout lub react-responsive.

Jaka jest najlepsza biblioteka do projektowania aplikacji responsywnych? Dziękujemy!

+0

Przegłosowane pytanie, ale możesz chcieć zmienić jego treść, aby nie wymagało "najlepszej biblioteki", co może spowodować zamknięcie Twojego pytania na [zadając pytanie subiektywne] (https://stackoverflow.com/help/dont-ask) . Możesz zakończyć, mówiąc coś w stylu: "Używanie [responsywnych klas użytkowych bootstrap] (http://getbootstrap.com/css/#responsive-utilities) z jego zduplikowanym projektem wydaje się sprzeczne ze zdolnością React do wydajnego renderowania dynamicznie zmieniającej się konstrukcji. Jak rozwiązujesz ten paradygmatyczny konflikt? ", Choć mam nadzieję, że coś bez słowa" paradygmatyczny ". ;^D – ruffin

Odpowiedz

5

Nie istnieje doskonała biblioteka do tworzenia elastycznych aplikacji. Zwykle jedynym sposobem na osiągnięcie doskonałości jest poświęcenie czasu i inteligentna stylizacja.

Zwykle zalecam używanie flexbox zamiast frameworku innej firmy. Jest to dobre miejsce, aby zacząć osiągać responsywne aplikacje, jest to vanilla CSS, który działa również pod numerem react-native.

Jeśli nadal chcesz skorzystać z jednej z tych bibliotek, skorzystaj z tej, z którą czujesz się bardziej komfortowo. Użyłem bootstrap v3 i v4. Jeśli korzystasz z React, przejdź na stronę react-bootstrap, więc nie potrzebujesz również jQuery i oszczędzasz dużo gadatliwości. Ma wiele społeczności i wiedzy specjalistycznej, więc byłby to rozsądny wybór dla każdego średniookresowego lub dłuższego projektu.

Mam nadzieję, że to pomaga.

0

Jeśli chcesz zbudować responsywne aplikacje internetowe za pomocą React, powinieneś użyć bulma.io. Jest to nowoczesne środowisko CSS oparte na Flexbox.