Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

ES6
ES6

12.6K
9.7K
+ 1
145
Semantic UI
Semantic UI

613
610
+ 1
588
Add tool

ES6 vs Semantic UI: What are the differences?

Developers describe ES6 as "The next version of JavaScript". Goals for ECMAScript 2015 include providing better support for large applications, library creation, and for use of ECMAScript as a compilation target for other languages. Some of its major enhancements include modules, class declarations, lexical block scoping, iterators and generators, promises for asynchronous programming, destructuring patterns, and proper tail calls. On the other hand, Semantic UI is detailed as "A UI Component library implemented using a set of specifications designed around natural language". Semantic empowers designers and developers by creating a shared vocabulary for UI.

ES6 and Semantic UI are primarily classified as "Languages" and "Front-End Frameworks" tools respectively.

"ES6 code is shorter than traditional JS" is the primary reason why developers consider ES6 over the competitors, whereas "Easy to use and looks elegant" was stated as the key factor in picking Semantic UI.

Semantic UI is an open source tool with 45.7K GitHub stars and 4.83K GitHub forks. Here's a link to Semantic UI's open source repository on GitHub.

ebay, Intuit, and Asana are some of the popular companies that use ES6, whereas Semantic UI is used by Snapchat, Create.It, and Reviewable. ES6 has a broader approval, being mentioned in 1440 company stacks & 1659 developers stacks; compared to Semantic UI, which is listed in 77 company stacks and 50 developer stacks.

- No public GitHub repository available -

What is ES6?

Goals for ECMAScript 2015 include providing better support for large applications, library creation, and for use of ECMAScript as a compilation target for other languages. Some of its major enhancements include modules, class declarations, lexical block scoping, iterators and generators, promises for asynchronous programming, destructuring patterns, and proper tail calls.

What is Semantic UI?

Semantic empowers designers and developers by creating a shared vocabulary for UI.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose ES6?
Why do developers choose Semantic UI?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use ES6?
      What companies use Semantic UI?

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with ES6?
      What tools integrate with Semantic UI?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to ES6 and Semantic UI?
      JavaScript
      JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
      CoffeeScript
      It adds syntactic sugar inspired by Ruby, Python and Haskell in an effort to enhance JavaScript's brevity and readability. Specific additional features include list comprehension and de-structuring assignment.
      TypeScript
      TypeScript is a language for application-scale JavaScript development. It's a typed superset of JavaScript that compiles to plain JavaScript.
      jQuery
      jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
      PHP
      Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
      See all alternatives
      Decisions about ES6 and Semantic UI
      Nick Parsons
      Nick Parsons
      Director of Developer Marketing at Stream · | 33 upvotes · 224K views
      atStreamStream
      Go
      Go
      Stream
      Stream
      Python
      Python
      Yarn
      Yarn
      Babel
      Babel
      Node.js
      Node.js
      ES6
      ES6
      JavaScript
      JavaScript
      #Languages
      #FrameworksFullStack

      Winds 2.0 is an open source Podcast/RSS reader developed by Stream with a core goal to enable a wide range of developers to contribute.

      We chose JavaScript because nearly every developer knows or can, at the very least, read JavaScript. With ES6 and Node.js v10.x.x, it’s become a very capable language. Async/Await is powerful and easy to use (Async/Await vs Promises). Babel allows us to experiment with next-generation JavaScript (features that are not in the official JavaScript spec yet). Yarn allows us to consistently install packages quickly (and is filled with tons of new tricks)

      We’re using JavaScript for everything – both front and backend. Most of our team is experienced with Go and Python, so Node was not an obvious choice for this app.

      Sure... there will be haters who refuse to acknowledge that there is anything remotely positive about JavaScript (there are even rants on Hacker News about Node.js); however, without writing completely in JavaScript, we would not have seen the results we did.

      #FrameworksFullStack #Languages

      See more
      Jake Stein
      Jake Stein
      CEO at Stitch · | 15 upvotes · 76K views
      atStitchStitch
      ES6
      ES6
      JavaScript
      JavaScript
      CoffeeScript
      CoffeeScript
      React
      React
      AngularJS
      AngularJS

      Stitch’s frontend is used to configure data sources and destinations and monitor the status of each. Although we have been using AngularJS since its early days, we recently introduced React components into our front end, which many of our developers find easier to work with. We started using CoffeeScript when it was one of the few options for a more expressive alternative to vanilla JavaScript, but today we opt to instead write new code in ES6, which we feel is a more mature alternative.

      See more
      Koa
      Koa
      React Router
      React Router
      Foundation
      Foundation
      Semantic UI
      Semantic UI
      Bootstrap
      Bootstrap
      PostCSS
      PostCSS
      Less
      Less
      Sass
      Sass
      styled-components
      styled-components
      React Helmet
      React Helmet
      Webpack
      Webpack
      TypeScript
      TypeScript
      JavaScript
      JavaScript
      Apollo
      Apollo
      GraphQL
      GraphQL
      React
      React
      #JSX
      #React.
      #Css
      #StyledComponents.
      #Async
      #HTML
      #GraphQL
      #Apollo

      ReactQL is a React + GraphQL front-end starter kit. #JSX is a natural way to think about building UI, and it renders to pure #HTML in the browser and on the server, making it trivial to build server-rendered Single Page Apps. GraphQL via Apollo was chosen for the data layer; #GraphQL makes it simple to request just the data your app needs, and #Apollo takes care of communicating with your API (written in any language; doesn't have to be JavaScript!), caching, and rendering to #React.

      ReactQL is written in TypeScript to provide full types/Intellisense, and pick up hard-to-diagnose goofs that might later show up at runtime. React makes heavy use of Webpack 4 to handle transforming your code to an optimised client-side bundle, and in throws back just enough code needed for the initial render, while seamlessly handling import statements asynchronously as needed, making the payload your user downloads ultimately much smaller than trying to do it by hand.

      React Helmet was chosen to handle <head> content, because it works universally, making it easy to throw back the correct <title> and other tags on the initial render, as well as inject new tags for subsequent client-side views.

      styled-components, Sass, Less and PostCSS were added to give developers a choice of whether to build styles purely in React / JavaScript, or whether to defer to a #css #preprocessor. This is especially useful for interop with UI frameworks like Bootstrap, Semantic UI, Foundation, etc - ReactQL lets you mix and match #css and renders to both a static .css file during bundling as well as generates per-page <style> tags when using #StyledComponents.

      React Router handles routing, because it works both on the server and in the client. ReactQL customises it further by capturing non-200 responses on the server, redirecting or throwing back custom 404 pages as needed.

      Koa is the web server that handles all incoming HTTP requests, because it's fast (TTFB < 5ms, even after fully rendering React), and its natively #async, making it easy to async/await inside routes and middleware.

      See more
      Antonio Kobashikawa
      Antonio Kobashikawa
      Web developer | Blogger | Freelancer at Rulo Kobashikawa · | 5 upvotes · 46.9K views
      Koa
      Koa
      ES6
      ES6
      JavaScript
      JavaScript
      Ionic
      Ionic
      Vue.js
      Vue.js
      MongoDB
      MongoDB
      ExpressJS
      ExpressJS
      Node.js
      Node.js

      We are using Node.js and ExpressJS to build a REST services that is middleware of a legacy system. MongoDB as database. Vue.js helps us to make rapid UI to test use cases. Frontend is build for mobile with Ionic . We like using JavaScript and ES6 .

      I think next step could be to use Koa but I am not sure.

      See more
      Johnny Bell
      Johnny Bell
      Senior Software Engineer at StackShare · | 9 upvotes · 116.5K views
      atStackShareStackShare
      Apollo
      Apollo
      GraphQL
      GraphQL
      MobX
      MobX
      JavaScript
      JavaScript
      ES6
      ES6
      React
      React
      jQuery
      jQuery
      #Context
      #Hooks🎣

      We are always building new features and replacing old code at StackShare. Lately we have been building out new features for the frontend, and removing a lot of old jQuery code (sorry jQuery but it's time to go).

      We've mainly been using React, ES6 and JavaScript on the frontend to build out the components, and we've been slowly removing some legacy MobX and using GraphQL and Apollo for our state management, if we need to control state further than GraphQL and Apollo allows us to we use just plain React with #context , or the new fancy React #hooks🎣 .

      As we've moved towards the above tech, its really made smashing out new features and updating legacy code super fast, and really fun!

      See more
      Hampton Catlin
      Hampton Catlin
      VP of Engineering at Rent The Runway · | 9 upvotes · 12.2K views
      atRent the RunwayRent the Runway
      React
      React
      TypeScript
      TypeScript
      ES6
      ES6
      JavaScript
      JavaScript

      We use JavaScript because it's the standard for web development, especially with browser execution. And, over the years, some smart work by the W3C has taken Javascript from the most-hated-language to the okay-I-can-make-that-good. No small feat!

      Obviously, using ES6 and TypeScript is what makes it decent in browser contexts. Throw in a bit of React and now we're cooking with gas!

      See more
      ES6
      ES6
      JavaScript
      JavaScript
      Socket.IO
      Socket.IO
      Redis
      Redis
      MongoDB
      MongoDB
      HTML5
      HTML5
      FeathersJS
      FeathersJS
      Redux
      Redux
      React
      React

      I have always been interested in building a real-time multiplayer game engine that could be massively scalable, and recently I decided to start working on a MMO version of the classic "snake" game. I wanted the entire #Stack to be based on ES6 JavaScript so for the #Backend I chose to use FeathersJS with MongoDB for game/user data storage, Redis for distributed mutex and pub/sub, and Socket.IO for real-time communication. For the #Frontend I used React with Redux.js, the FeathersJS client as well as HTML5 canvas to render the view.

      See more
      Tom Klein
      Tom Klein
      CEO at Gentlent · | 4 upvotes · 29.7K views
      atGentlentGentlent
      Python
      Python
      Electron
      Electron
      Socket.IO
      Socket.IO
      Google Compute Engine
      Google Compute Engine
      TypeScript
      TypeScript
      ES6
      ES6
      Ubuntu
      Ubuntu
      PostgreSQL
      PostgreSQL
      React
      React
      nginx
      nginx
      Sass
      Sass
      HTML5
      HTML5
      PHP
      PHP
      Node.js
      Node.js
      JavaScript
      JavaScript

      Our most used programming languages are JavaScript / Node.js for it's lightweight and fast use, PHP because everyone knows it, HTML5 because you can't live without it and Sass to write great CSS. Occasionally, we use nginx as a web server and proxy, React for our UX, PostgreSQL as fast relational database, Ubuntu as server OS, ES6 and TypeScript for Node, Google Compute Engine for our infrastructure, and Socket.IO and Electron for specific use cases. We also use Python for some of our backends.

      See more
      Osamah Aldoaiss
      Osamah Aldoaiss
      UI Engineer | Maker at Triad Apparel Inc. · | 6 upvotes · 12.5K views
      atTriad Apparel Inc.Triad Apparel Inc.
      JavaScript
      JavaScript
      ES6
      ES6
      Node.js
      Node.js
      GraphQL
      GraphQL
      React
      React
      Lighthouse
      Lighthouse
      Gatsby
      Gatsby

      Gatsby has been at the core of our Shop system since day one. It gives its User the power to create fast and performant sites out-of-the-box. You barely have to do anything to get great Lighthouse results. And it all runs on ES6 JavaScript.

      The power of SSR React and then hydrating it client-side to add interactivity and App-like feel is what makes Gatsby powerful.

      It comes with a ton of plugins, that are mind-boggling: Image Processing, GraphQL, Node.js, and so much more. This is thanks to a great ecosystem, a great user-base and the revolutionary Community work, which led to the Gatsby repo to be one of the most committed to, out there.

      See more
      Pedro Arnal Puente
      Pedro Arnal Puente
      CTO at La Cupula Music SL · | 8 upvotes · 13K views
      atLa Cupula Music SLLa Cupula Music SL
      JavaScript
      JavaScript
      ES6
      ES6
      Babel
      Babel
      ESLint
      ESLint
      Webpack
      Webpack
      Vue.js
      Vue.js
      jQuery UI
      jQuery UI
      jQuery
      jQuery

      We are phasing out jQuery and jQuery UI in favour or Vue.js and @Vue-cli so we can support building a modern, well-architectured frontend.

      The JavaScript build pipeline is supported by Webpack , and includes tools like ESLint and Babel , so we can properly support the latest ES/JS versions, with ES6 as the minimum baseline.

      See more
      Ali Soueidan
      Ali Soueidan
      Creative Web Developer at Ali Soueidan · | 16 upvotes · 90K views
      npm
      npm
      Babel
      Babel
      PHP
      PHP
      Adobe Illustrator
      Adobe Illustrator
      Asana
      Asana
      ES6
      ES6
      GitHub
      GitHub
      Git
      Git
      JSON
      JSON
      Sass
      Sass
      Pug
      Pug
      JavaScript
      JavaScript
      vuex
      vuex
      Vue.js
      Vue.js

      Application and Data: Since my personal website ( https://alisoueidan.com ) is a SPA I've chosen to use Vue.js, as a framework to create it. After a short skeptical phase I immediately felt in love with the single file component concept! I also used vuex for state management, which makes working with several components, which are communicating with each other even more fun and convenient to use. Of course, using Vue requires using JavaScript as well, since it is the basis of it.

      For markup and style, I used Pug and Sass, since they’re the perfect match to me. I love the clean and strict syntax of both of them and even more that their structure is almost similar. Also, both of them come with an expanded functionality such as mixins, loops and so on related to their “siblings” (HTML and CSS). Both of them require nesting and prevent untidy code, which can be a huge advantage when working in teams. I used JSON to store data (since the data quantity on my website is moderate) – JSON works also good in combo with Pug, using for loops, based on the JSON Objects for example.

      To send my contact form I used PHP, since sending emails using PHP is still relatively convenient, simple and easy done.

      DevOps: Of course, I used Git to do my version management (which I even do in smaller projects like my website just have an additional backup of my code). On top of that I used GitHub since it now supports private repository for free accounts (which I am using for my own). I use Babel to use ES6 functionality such as arrow functions and so on, and still don’t losing cross browser compatibility.

      Side note: I used npm for package management. 🎉

      *Business Tools: * I use Asana to organize my project. This is a big advantage to me, even if I work alone, since “private” projects can get interrupted for some time. By using Asana I still know (even after month of not touching a project) what I’ve done, on which task I was at last working on and what still is to do. Working in Teams (for enterprise I’d take on Jira instead) of course Asana is a Tool which I really love to use as well. All the graphics on my website are SVG which I have created with Adobe Illustrator and adjusted within the SVG code or by using JavaScript or CSS (SASS).

      See more
      Interest over time
      Reviews of ES6 and Semantic UI
      No reviews found
      How developers use ES6 and Semantic UI
      Avatar of Kurzor, s.r.o.
      Kurzor, s.r.o. uses ES6ES6

      We started using CoffeeScript years ago, so the switch to ES6 is quite natural in our team. ES6 of course advances the JS standard to a level of an advanced language. We are using it today simply because it: 1. helps to keep the code shorter, 2. integrates easily with JSX, 3. helps to deal with immutable using const.

      Avatar of Jake Taylor
      Jake Taylor uses ES6ES6

      ES6 is a new-ish, modern form of JavaScript that adds in extra functionality that make code cleaner and easier to work with, such as arrow functions, const and let declarations, array helper methods, object/array destructuring etc.

      Avatar of Ryan VanBelkum
      Ryan VanBelkum uses ES6ES6

      ES6 (ES2015) is a huge improvement to the javascript spec. These additions are heavily leveraged in React development, such as spread operators, fat arrow functions, and classes.

      Avatar of Mick Dekkers
      Mick Dekkers uses ES6ES6

      ES6/ES2015+ makes JavaScript a pleasure to write. Arrow functions, template literals and ES modules especially. RIP CoffeeScript.

      Avatar of Ataccama
      Ataccama uses ES6ES6

      ES6 brings some sweet features to the language. Our favourites are lambda-expressions, block-scoped consts and lets and Promises.

      Avatar of osu! Ripple
      osu! Ripple uses Semantic UISemantic UI

      We use Semantic UI for our frotend. A heavily customised version of it, but still Semantic UI under the hood.

      Avatar of Ralic Lo
      Ralic Lo uses Semantic UISemantic UI

      Used Semantic UI + Angular2 together with Spring or Node/Express for full stack web application development.

      Avatar of Giftstarter
      Giftstarter uses Semantic UISemantic UI

      We haven't yet, but we would like to integrate into our Web App.

      Avatar of Eliana Abraham
      Eliana Abraham uses Semantic UISemantic UI

      It's pretty. Used it once for MDST.

      Avatar of Wellzesta
      Wellzesta uses Semantic UISemantic UI

      Grid, widgets, theming.

      How much does ES6 cost?
      How much does Semantic UI cost?
      Pricing unavailable
      Pricing unavailable
      News about ES6
      More news
      News about Semantic UI
      More news