Tôi hiện đang làm việc trên ứng dụng React. Tôi xem xét sử dụng bootstrap để thiết kế ứng dụng đáp ứng.React Responsive design
Tôi tự hỏi mình có nên sử dụng thư viện thuần túy bootstrap hoặc sử dụng react-bootstrap hay không.
Và có một số thư viện tương tự như react-bootstrap như react-grid-layout hoặc react-responsive.
Thư viện tốt nhất cho ứng dụng đáp ứng thiết kế là gì? Cảm ơn bạn!
Không tồn tại thư viện hoàn hảo nào để tạo ứng dụng đáp ứng. Thông thường, cách duy nhất để đạt được sự xuất sắc là bằng cách dành thời gian và phong cách thông minh.
Tôi thường khuyên bạn nên sử dụng flexbox thay vì khung bên thứ ba. Đây là một nơi tốt để bắt đầu đạt được các ứng dụng đáp ứng, đó là vani CSS cũng hoạt động trên react-native.
Trong trường hợp bạn vẫn muốn tận dụng lợi thế của một trong các thư viện đó, chỉ cần sử dụng một trong những thư viện mà bạn cảm thấy thoải mái hơn. Tôi đã sử dụng bootstrap v3 và v4. Nếu sử dụng React, hãy truy cập react-bootstrap để bạn không cần jQuery cũng như tiết kiệm rất nhiều chi tiết. Nó có rất nhiều cộng đồng và chuyên môn trên mạng, do đó, nó sẽ là một lựa chọn hợp lý cho bất kỳ dự án trung hạn hoặc dài hơn.
Hy vọng điều đó sẽ hữu ích.
Nếu bạn muốn xây dựng ứng dụng web đáp ứng với React, bạn nên sử dụng bulma.io. Một khung CSS hiện đại dựa trên Flexbox.
Câu hỏi được bỏ phiếu, mặc dù bạn có thể muốn viết lại để không yêu cầu "thư viện tốt nhất", có thể khiến câu hỏi của bạn bị đóng vì [yêu cầu chủ đề] (https://stackoverflow.com/help/dont-ask) . Bạn có thể kết thúc bằng cách nói điều gì đó như, "Sử dụng [các lớp tiện ích đáp ứng của bootstrap] (http://getbootstrap.com/css/#responsive-utilities) với thiết kế trùng lặp của nó có vẻ mâu thuẫn với khả năng của React để tạo ra một thiết kế thay đổi động một cách hiệu quả. Làm thế nào để bạn giải quyết xung đột mô thức này? ", Mặc dù hy vọng một cái gì đó mà không có từ" paradigmatic ". ;^D – ruffin