These days, we are bridging the communication gap between human and computer. The next big thing is a conversational interface — the era of natural language processing. To highlight the point, nowadays there are two kinds of a conversational interface — virtual assistants (Siri, Alexa) and chatbots (like Slackbot, Telegram), which through “human” experience help end user to complete the specific task.

When I was learning React there were a couple things that I couldn’t clearly understand and one of them was children prop. That is until I faced the problem similar to the following one.

Here we are! Due to my master thesis at the university, one of the requirements is the implementation of an interactive mockup for the university WebTV platform. So, I decided to make it with React.

The last days I am working on the project, which should include the state machine. Implementing this project with React, I decided to use the Redux framework to manage state in my React application. Moreover, thanks to redux store we can debug data (in one place) easily.

The way, how I try to understand the purpose of any framework is to use it and compare with the already implemented no-framework solution.

Sure, most of us, at first hear about a new library from tech media portals or from tech-dev influencers or from conferences/meetups or from coworkers, etc. then we are going to check out the source of it whether it is a software or open-source product. In the end, we are playing with it and trying to apply it to the existing product.

From the title of the post, you understand that I am not only going to explain how to implement a traditional TODO-List with React, but also show you how I am applying emotion-js for this mini-project.

(disclaimer: this post is provided for general informational purposes only and is not intended to be medical or nutritional advice specific to you.)

The last 2-3 months I have been following a low-carb meal plan, which basically means that I remove only the products with lots of carbs from my ration.

Choosing a low-carb diet is the same as cutting out alcohol, cigarettes, etc. The pros: you are no longer an addict to cheap carbs and sugar for your energy.

I know most people cannot work productively at home. Someone finds it difficult to organize themselves. Others can’t make the right schedule to work at home. For others, the work environment at home (or a cafe) is just not optimized for work in general.

So, now I want to describe the ideal setup that inspires me to be productive work at home. Find my most essential tips below on how to set up a productive home office:

As you know or notice, I always put in my posts information or results which I have experienced on my own. And frankly, it happens almost every day. Yes, I do love to learn new things and then share them with you, my readers, about what I actually have discovered. However, this post is an exception, because it’s not about tech or UX.

Why? I explain that below.

To make the application fancy, front-end web developers usually visualize it using animations or other effects. And now I am going to explain one of the methods how to apply the most famous floating label effect to the input field with React.