For installing with specific integrations like Ember, React, or Meteor, see our integration guide. In this article we will learn about how to install and use a semantic UI framework in a React application. For more details on setup visit our getting started guide.
JS which should be done already. Install Gulp globally — npm -g install. The install process will create two files: semantic.
First, use one of below package managers to install semantic UI react package. Get the same benefits as BEM or SMACSS, but without the tedium. Auto Controlled State.
Select how and where you want to install it. Fomantic- UI and also about the build process. It will also create a new directory containing all the files needed to create a theme.
The directory will be created where you specified in the installation prompt. Now to test it out, We can use below code of a semantic UI button. Then add this import line to your index.

