react2
In the article Building a Chat Component in React and ES6, we learned a way to create React components: [crayon-595456d599eba543589587/] This simple component is written by extending React.Component. We will now introduce another way to define simple components. You will […]

Container Components and Stateless Functional Components in React

controlled components in React
In this short article, you will get a chance to learn what controlled components are and why they are beneficial. Suppose a component has an input field with a value depending on the state of the component. The default value […]

Creating Controlled Components in React

stencil.youtube-thumbnail (2)
A proxy is an object that wraps an object or a function and monitors access to the wrapped item, a.k.a. the target. We use proxies for the intention of blocking direct access to the target function or object. The proxy […]

ES6 Proxies in Practice

Magic numbers
Bread is made by mixing ingredients of more or less fixed proportions. There is a tolerance around these proportions defined by the quality standards. This level of tolerance ensures that the quality of the mix stays the same regardless of […]

How to Shatter Magic Numbers in Software Testing

Arrow Functions
In this article, I will introduce my new Youtube channel with two videos. Both videos are from ES6 in Practice. By watching these short videos, you can learn about Arrow Functions, and you can also put theory into practice by […]

Video Tutorial – ES6 Arrow Functions with 3 Exercises

ESLint
In this article, we will extend our application setup with linting. If you have not read my article on setting up a JavaScript application with React, I highly recommend reading it first. Setting Up ESLint ESLint helps us catch mistakes […]

Use ESLint Like a Pro with ES6 and React

reflectapi3
Reflection in a programming language is the act of inspecting, dynamically calling, and modifying classes, objects, properties, and methods. In other words, reflection is the ability of the programming language to reflect on the structure of the code. The ES6 […]

The Reflect API of ES6

es6_3d_grey
This article is a section from the course ES6 in Practice. I created this course during the last couple of months, because there is an evident need for a resource that helps JavaScript developers put theory into practice. This course […]

ES6 Symbols and their Use Cases

chat
This is the third part of the React-Redux series. In the first part, we introduced React and Redux. Although there was no code in the article, clarifying the concepts is still important. In the second part, we set up the […]

Building a chat component in React and ES6

es6package_3d
This article is a section from the workbook of ES6 in Practice. I created this course during the last couple of months, because there is an evident need for a resource that helps JavaScript developers put theory into practice. This […]

ES6 Iterators and Generators – 6 exercises and solutions

es6package_3d
This article is a section from the course ES6 in Practice. I created this course during the last couple of months, because there is an evident need for a resource that helps JavaScript developers put theory into practice. This course […]

ES6 Iterators and Generators in Practice