Create components with ES6 Vanilla Javascript.

Why? because it has helped me further my understanding of frameworks like Reactjs, Vuejs, Preactjs, and others. And it’s a Friday night.

William Pei Yuan
4 min readJul 21, 2018
Yum!

We’ve all been there when diving into the latest and greatest javascript framework. All these awesome frameworks aid in solving some high level and complex feature build. The drivers behind these frameworks often times are newer javascript (es6 and above ) techniques that allow tons of optimization and time saved when writing these complex libraries.

The code that I have written here helped me solve issues that deal with apps or sites where there are TOO many cooks (developers and stakeholders) in the same kitchen (usually a corporate or large company, with many teams). There’s nothing new really, just a combination of helpful techniques I ran into while working on these projects.

I’ve included the demo on my repl.it for us to play around and see it all in action, one note to consider, this is an es6 repl.it, so it will run all es6 code. Currently the demo app has a navbar, a timer and a footer component. If you don’t want to read on, just dive into the repl.it.

--

--