To understand the business goals is just as important as understanding user needs. Without that, the chances of creating useful and viable products are low. Here is why.

From the title, you already guessed that I am going to speak about the design of the product, app or website that starts with content first. In my opinion, there are many advantages to applying the content first approach.

If you really want to get better at color, start studying it. Picking the right colors is something that might seem easy at first. And when you are starting down a color wheel, you are going to wish you had some information on what you are looking for.

You must be thinking that as a front-end developer, you are developing websites / online products using HTML, CSS-styling, JavaScript and other different Frameworks to make them good looking by implementing user interfaces from the mockups.

Hi everyone! It’s time for a new post. What we do (I mean front-end web developers) isn’t all that unique. Often we face the problem that seems easy to solve. However, sometimes we spend hours on finding the solution. In this case, I wanted to change the opacity of the app teaser background color and don’t change the opacity of links. I have tried some silly approaches that seemed logical to me, and they all have failed.

Happy Friday, my readers! As a front-end web developer, I am also interested in UI/UX design, and that is why I’ve decided me to do a UI/UX research using Aristotle’s Seven Elements of Storytelling framework. It is notably practical, and many designers, web developers, will benefit from applying this method for creating user-friendly interfaces. In my opinion, it’s important to understand the users and to make it easier for them to use apps.

Hey there, that’s me again and a new post from me! Lately, I worked on the project that generates live documentation of the front-end components for apps built with create-react-app, and this UI development environment is called Storybook. What is the significant purpose for using this tool? First of all, it helps to avoid code duplications and to make it easy to know which components there are already, what they are doing and how they are being used.

Hi, everyone! How is your weekend going? As you know, I prefer learning to code by doing things. So, the last feature I have implemented for the app is the reading of the content from the uploaded (local) .csv file from the user. To do so without a server or any back-end—is a challenge. To make things work properly in React+Redux, I have created the following component: const ImportFromFileBodyComponent = () => { let fileReader; const handleFileRead = (e) => { const content = fileReader.

There are many possibilities how to remove multiple items from the array with JavaScript. So in this tutorial, I am going to share my approach to delete function with React+Redux. It’s front-end shorts, and I am trying to highlight the most important information. Thus, just let’s have a look at the significant code snippets with explanations: I have created the action: // expenseActions.js export const t = { ... DELETE_EXPENSE: 'DELETE_EXPENSE', .

Today I am going to tell you how to get JSON data from the Rest-API to UI using React+Redux frameworks. In my case, the task looks like: I have a URL, for example: https://api.com/v1/expenses/ which will give the following JSON data, and I want to get this data in my UI. To solve this task, I decided to use JavaScript’s fetch method. So in this way, I shouldn’t rely on any external libraries (given my target browsers are remotely up-to-date).