5results with tags matching " es6"


Learning React ES6: Working With Arrays in JSX

Last lesson was dealing with arrays in React ES6. Arrays are supported in JSX. Arrays are created like usual [1,2,3], the array is captured but not rendered on the screen. In order for the array to render on the screen, it has to be wrapped in curly braces like other Javascript expressions {[1,2,3]}. The output […]

Read More





Learning React ES6: Events, Attributes, and Data Mining

Today’s lesson was about creating listening events using special attributes and data mining for JSX. I have created buttons to click, for increment and decrement. It all started with creating arrow functions using const addOne= () => { count++;}, then creating html buttons <button>+1</button>. That’s not all! The buttons must have the onClick attribute and […]

Read More



Learning React ES6: Arrow Functions and Using ‘This’ Keyword

Today I got to learn how to use arrow functions in React ES6. From what I realized it that they are a much shorter syntax and typically simplifies the function scope making the `this` keyword more understandable. In ES5, the function scope was written like this: function square (x) { return x * x; }; […]

Read More



Learning React ES6 : Understanding Const and Let Variables

Today’s React lesson was the understanding of using const and let variables. Unlike var, let and const are block scoped. The main difference between let and const is that const variables has to be declared using an initializer or else it will throw an error. Let variables can be reassigned and prevents errors when trying […]

Read More