ReactJS là một thư viện rất quen thuộc với các lập trình viên Frontend hiện nay . Với ReactJS nó có thể giúp cho việc xây dựng các thành phần giao diện trở nên độc lập, dễ chia sẻ và sử dụng hơn . Bài viết ngày hôm nay mình xin giới thiệu đến các bạn Top 5 thư viện UI Components hữu ích cho ReactJS, Chúng ta cùng khám phá bài viết nào !
reactjs-app-development-500x500-1.jpg
1 React Toolbox
Dựa vào chuẩn Material Design của Google , React toolbox sử dụng CSS Modules, Webpack và ES6 để xây dựng các components . React Toolbox tích hợp tốt với các dự án sử dụng Webpack .
react-toolbox.jpg
Các bạn có thể tham khảo tại đây : http://react-toolbox.io/
2 React-Bootstrap & reactstrap
Khi nhắc đến Bootsrap ta biết đây là công cụ cực kỳ thông dụng với các frontend dev . Với React-Bootstrap thì đây tập hợp các component của Bootstrap được xây dựng riêng cho React . Đây thư viện đơn giản cho React bootstrap 4 .
pic.png
Tham khảo thêm tại đây : https://react-bootstrap.github.io/
3 Ant Design of React
Ant (Github) là tập hợp các components của React được xây dựng theo chuẩn thiết kế của Ant UED Team . Ant cung cấp hầu hết các component thông dụng trong ứng dụng web hiện đại, như Layout, Button, Icon, DatePicket, v.v…Bên cạnh đó Ant cũng có những component riêng thú vị, như LocaleProvider cho phép bạn thay đổi ngôn ngữ trên toàn ứng dụng.
ant design.jpg
Tham khảo thêm tại đây : https://ant.design/docs/react/introduce
4 Ring UI
RingUI là UI framework được xây dựng bởi JetBrains, công ty đằng sau các editor đình đám như IntelliJ IDEA, WebStorm, hay PhpStorm . Nó chứa hơn 50 components thông dụng trong các ứng dụng web
Ring UI.png
Tham khảo tại đây : https://jetbrains.github.io/ring-ui/master/index.html
5 Design System
Design System được thiết kế và sử dụng cho các sản phẩm của công ty Pluralsight. So với các UI framework khác thì số lượng component của Design System không nhiều lắm, nhưng được thiết kế rất tinh tế và chuyên nghiệp, có thể đáp ứng hầu hết yêu cầu của các dự án.
dribbbad1noprice800.png
Tham khảo tại đây : https://design-system.pluralsight.com/
Bài viết có tham khảo tại : Viblo , ehkoo.com ,...