Semantic UI React
Semantic UI is a UI framework for React applications that uses CSS and jQuery to build UI. It is similar to Bootstrap and is used for theming. It contains pre-built components that can be customised as per the developer’s need. It can be integrated with many frameworks like React, Angular etc.
To learn more, refer to this article: Semantic UI React
Features
- Responsive UI: Semantic UI is designed with em and rem to achieve responsiveness.
- Simple: Semantic UI is very beginner-friendly and area also easily debuggable.
- Tag agnostic: The interface definitions are tag agnostic mostly. Tags like div, article, section and span can be used without affecting the display of the element.
- Customizable UI Components: Semantic UI provides high-level theming by site-wide defaults for all the components. But these components are also individually customizable.
- Cross-browser Compatibility: The framework also ensures cross-browser compatibility.
Installation
Use either of the following methods:
- Default Installation using package manager –
npm install semantic-ui-react semantic-ui-css
or
yarn add semantic-ui-react semantic-ui-css
Import the minified CSS file into the entry file –
import 'semantic-ui-css/semantic.min.css';
- Use CDN by adding the following in the body tag of your HTML page.
<body>
<link async rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2/dist/semantic.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui-react/dist/umd/semantic-ui-react.min.js"></script>
</body>
7 Best React.js Frameworks to Use
A website or any application contains two parts, frontend and backend. It is necessary to have strong backend services and frameworks to use in order to maintain the site’s availability and to manage the traffic load that might occur during certain scenarios. Creating interactive and good user interfaces is important and can be easily done using React and its popular frameworks. In this article, we will discuss the best ReactJS frameworks to use as a developer.
One of the famous applications of ReactJS is Instagram. Features like geolocations, Google Maps APIs, and tags that pop up without hashtags are all very impressive implementations of ReactJS. Even the makers of React, Facebook also use React for their webpage, and the mobile version is made using one of its famous frameworks called React native.