What is Semantic UI?

As stated within their website, Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. This is almost similar to Bootstrap! Check out their website to learn more about it!

Add Semantic to Your Projects

There are many ways we can integrate semantic-ui.


const [counter, setCounter] = useState(0);
const counter = useState(0);

Identify CSS Syntax


What is state?

State of a component is an object that holds some information that may change over the lifetime of the component. We should always try to make our state as simple as possible and minimize the number of stateful components.

Why we need state?

When using state, this makes the component more dynamic and enables to keep track of changing information in between renders for it to…




Step 1- Make an account on Emailjs website

Jeffrey Martinez

I am a graduate from Flatiron School for Software Engineer. Studied HTML, CSS, Ruby, Ruby on Rails, JavaScript, React, Redux, Sinatra, and Sqlite3

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store