There are many tools available for designers to create beautiful user interfaces and user experiences. And today I want to share another approach on how to build interactive design prototypes with ReactJS and why.

In this post, I explain how you can find any user on GitHub through GitHub API using ReactJS, Redux, Saga, Axios, and Formik.

Why do we need to use this technology stack? Here is the short description:

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: