Tag: Is vanilla JavaScript and JavaScript the same?

Vanilla JavaScript or just JavaScript refers to ES5/6/7, just raw JavaScript . Non-vanilla JavaScript includes Libraries and frameworks like jQuery, React, Angular, Typescript, etc.

Vanilla is fine if you’re building a content-heavy website. All you need is HTML, and if you have an accordion, or a slider, or a few tabs, those are all well served by the jQuery-based ecosystem. But if it has even an inkling of a web-app, you must use a framework from the outset.

React requires you to break your UI into components, but plain JS apps can be structured in any way you see fit. Data for plain JS apps are stored in the DOM itself and has to be found from the DOM before it can be used. React apps store data in regular JavaScript variables.

It’s the present “state” of your data . With State-based UI, you use your state or data to create your UI. Rather than trying to target and manipulate elements in the DOM when the user does things, you update your data object.

Projects You Can Build With Vanilla JavaScript.