{"post":{"id":"5f1560d8abbd185bf96e3973","_id":"5f1560d8abbd185bf96e3973","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1595236513810/Au_VDmCrf.jpeg","__typename":"PostCoverImage"},"slug":"build-beautiful-websites-fast-with-semantic-ui-and-react","readTime":15,"replyCount":0,"responseCount":3,"brief":"Table of Contents\n\nAdd Semantic UI to a React with Semantic UI React\nUse Semantic UI React Components\nBuild Authentication Pages with Semantic UI React\nConclusion\n\nAdd Semantic UI to a React App with Semantic UI React\nSemantic UI is an open-source fr...","subtitle":null,"isFeatured":false,"contributors":[{"_id":"5e5e9c1f8c89a92316ce8b66","name":"Edidiong Asikpo (Didi)","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655726991087/-EC8Ox3CT.jpeg","username":"didicodes","__typename":"User"},{"_id":"5e841aa48267309a3c27339d","name":"Olakunlevpn","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1585715877149/18B1RJbxH.jpeg","username":"olakunlevpn","__typename":"User"},{"_id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","username":"victoria","__typename":"User"}],"bookmarked":false,"views":403,"url":"https://alterclass.hashnode.net/build-beautiful-websites-fast-with-semantic-ui-and-react","totalReactions":15,"title":"Build Beautiful Websites Fast With Semantic UI And React","dateAdded":"2020-07-20T09:16:08.500Z","cuid":"ckcuany00003461s1cpw60zwy","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":null,"description":null,"__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"57d3afbb314b9858e32216c4","name":"Grégory D'Angelo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1599470244324/ibt9vVgXD.png","isPro":false,"username":"gdangelo","__typename":"User","tagline":"Software Engineer and Founder @AlterClass.io"},"coAuthors":[],"series":null,"tags":[{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"56744723958ef13879b95206","logo":"https://res.cloudinary.com/hashnode/image/upload/v1496405644/rsuq8bqv2aoqqnq8ckzw.png","name":"Semantic UI","slug":"semantic-ui","__typename":"Tag"},{"_id":"56744723958ef13879b954cb","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1534512767931/S1dYCSNIm.png","name":"ES6","slug":"es6","__typename":"Tag"},{"_id":"56744722958ef13879b94f1b","logo":"https://res.cloudinary.com/hashnode/image/upload/v1450469658/vdxecajl3uwbprclsctm.jpg","name":"Web Development","slug":"web-development","__typename":"Tag"}],"publication":{"_id":"5e1b9ad532d5fad159b69110","url":"https://alterclass.hashnode.net","canonicalURL":"https://alterclass.hashnode.net","title":"AlterClass","displayTitle":"Grow your skills with hands-on coding courses.","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1578867720159/DksqX_6yM.png","headerColor":"","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"alterclass","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"5f15741d7868b25d898d5567","author":{"_id":"5e5e9c1f8c89a92316ce8b66","name":"Edidiong Asikpo (Didi)","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655726991087/-EC8Ox3CT.jpeg","isPro":false,"username":"didicodes","__typename":"User"},"content":{"html":"

Thank you for writing and sharing this Grégory D'Angelo.

\n","markdown":"Thank you for writing and sharing this @[Grégory D'Angelo](@gdangelo).","text":"Thank you for writing and sharing this Grégory D'Angelo.\n","__typename":"Content"},"dateAdded":"2020-07-20T10:38:21.795Z","stamp":"ckcudloip002jh5s1dh18ec8r","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"5f1585ce7868b25d898d5609","author":{"_id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","isPro":false,"username":"victoria","__typename":"User"},"content":{"html":"

Thanks for writing this informative piece Grégory D'Angelo! I'm wondering if I should use Material UI or Semantic UI now.

\n","markdown":"Thanks for writing this informative piece @[Grégory D'Angelo](@gdangelo)! I'm wondering if I should use Material UI or Semantic UI now.","text":"Thanks for writing this informative piece Grégory D'Angelo! I'm wondering if I should use Material UI or Semantic UI now.\n","__typename":"Content"},"dateAdded":"2020-07-20T11:53:50.831Z","stamp":"ckcugar5a005vh5s10wdl4vsg","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"5f16368de37a46613e6fe602","author":{"_id":"5e841aa48267309a3c27339d","name":"Olakunlevpn","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1585715877149/18B1RJbxH.jpeg","isPro":false,"username":"olakunlevpn","__typename":"User"},"content":{"html":"

Thanks for writing this articles. :D

\n","markdown":"Thanks for writing this articles. :D","text":"Thanks for writing this articles. :D\n","__typename":"Content"},"dateAdded":"2020-07-21T00:27:57.059Z","stamp":"ckcv78jcy00kn7is1ajaodo5k","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mw==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","isPro":false,"username":"victoria","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"5e5e9c1f8c89a92316ce8b66","name":"Edidiong Asikpo (Didi)","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655726991087/-EC8Ox3CT.jpeg","isPro":false,"username":"didicodes","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"5e841aa48267309a3c27339d","name":"Olakunlevpn","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1585715877149/18B1RJbxH.jpeg","isPro":false,"username":"olakunlevpn","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Build Beautiful Websites Fast With Semantic UI And React

3 comments