#es6syntax

[codesnnippets]

#DailyJavaScriptTips React and almost all other modern Javascript Libraries and Frameworks use ES6 syntax. You cannot write any meaningful Components,unless you are copying code you don't understand what it does, without knowing and understanding the ES6 and laterversion syntax of Javascript. Here,in slide2 are 2 code snippets. One is simply a construct of how to use clauses with constructor sysntax, and the other shows how inheritance works in es6. If you use class based component, that's exactly what they do. #es6 #components #es6 #es6syntax #reactcomponets #components #reactforbegginers #reactbasics #reacttips #javascriptprojects #JavaScriptFrameworks #ReactJS #webdevelopment https://www.instagram.com/p/Cc7Lx8XtQiN/?igshid=NGJjMDIxMWI=

[winstonmhangoblog]

Es6 Javascript Template LITERALS If you have used scoped css in Vue or tagged templates in styled components of React js,then you have been in the use of template literal! Template literals have quite a bunch of rosy features and really an opening to creating amazing stuff with Javascript. Hey,it gives you the easiest way to write css in Javascript!Styled components is just one example. In this slides set we will be looking at what template literals are and multiple ways we can use them. Enjoy the reading #javascript #es6syntax #es6templateliterals #taggedtemplates #stringliterals #stringinterpolation (at Area 23 Lilongwe) https://www.instagram.com/p/B9vpmShhgTb/?igshid=1rldr5doklz6q

[winstonmhangoblog]

Inheritance and destructuring in ES6 In part 11 of our Quick guide to Javascript we discussed about classes in es6 .In this third part of ES6 syntax,we will be discussing inheritance and destructuring. In the slides I try to relate where such concepts as destructuring and inheritance are used in REACT js.I give react hint as a guide to where specifically in react such syntax is used. The fact is that JavaScript newer versions have alot of new syntax that tend to make Javascript code more declarative than imperative. The code is more clean and clear.Very readable with alot of higher order functions that seemingly we used to import from libraries like undercore js. Take your time and understand these concepts and you will appreciate the direction of this simple but complex language. Enjoy the reading. #javascriptsyntax #es6syntax #classinheritance #javascriptinheritance #destructuringines6 #arraydestructuring #objectdestructuring (at Lilongwe, Malawi) https://www.instagram.com/p/B9hAd2fBrJK/?igshid=1n0wq6v1yqm08

[winstonmhangoblog]

JavaScript ES6 syntax part 2. This is the second part of our es6 syntax in our Javascript Quick guide series.It is a continuation of where we left in part 10 of this slides tutorial sets. In this post we discuss the new class feature added in Javascript in ES6.The classes make development of applications in much better way without touching the bare bones of prototype inheritance.Yes,it's a syntactic sugar over the prototype,but we really don't get caught up in the work around to implement OOP features by using the prototype.You actually work the way you do in Java with afew exceptions,but the syntax is almost similar now with the block level scope introduced through let and const variable declarations. This part touches afew areas on classes. Enjoy the reading #javascript #oopinjavascript #es6syntax #objectorientedprogramming #javascriptclasses #javascriptobjects #classexpressions #namedclassexpressions #unnamedclassexpressions #classmethods (at Lilongwe, Malawi) https://www.instagram.com/p/B9U-l9yBDMW/?igshid=18pjttblw6rre

[winstonmhangoblog]

Javascript ES6 syntax introduction In this 10 slides set of our Quick guide to JavaScript,we will be looking at the ES6 syntax. It is common practice to see alot of Javascript developers pushing syntax left and right,sometimes getting beginners what or which syntax is correct and which is not .Not knowing which is the right way or even why we have the new features in Javascript can be a challenge especially when you need to get a specific task done efficiently. ES6 syntax is not just an additional flavor or elegance to the language,it is there to solve specific problems and probably improve the language. In this post we will just tap on a few of these concepts through a comparison of es5 and es6 syntax snippets. Enjoy the reading #javascript #es6syntax #es5syntax #esbconst #es6let #es6arrowfunctions #es6loops #es6functions (at Lilongwe, Malawi) https://www.instagram.com/p/B9Id8w4hz72/?igshid=2fep7mnxw4i8