Financial tips and advice on investment for developers:
"Learn how to free extra monthly cash from your dev-salary for investment"
There are so many different ways to free money for investments without thinking of getting another job. Download my Top-15 cash-freeing tips cheat sheet.
Front-end Shorts: Storybook With React
18 Apr, 2018
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.
Front-end Shorts: How to Read Content From The File Input in React
31 Mar, 2018
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.
Front-end Shorts: How to Delete Item From The List With React+Redux
22 Mar, 2018
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', .
Front-end Shorts: Fetch List of Resources From REST-API
17 Mar, 2018
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).
Front-end Shorts: Setting up React-Router-Redux
14 Mar, 2018
Hi, everyone! How is your week going?
Yesterday I worked with the web application written on React + Redux and had had some problem with the react-router-redux library. In short, the push method (using for navigation outside of components) didn’t work.
Firstly, I have tried to set the Route component in the “traditional” way such as with react-router library. That might get the history props. Unfortunately, that also didn’t work. Because of Redux framework.
Front-end Shorts: How to Create Parallax Effect With Vanilla JS
10 Mar, 2018
Hi, there! I hope you enjoy your weekend, and ready for a new post.
Recently there are a lot of sites, which have featured with parallax scrolling effect, that represents them in more interactive “professionally-made” way.
This fact made me recreate the effect using Vanilla JavaScript, an example of which you can see below.
Let’s a look at the implementation of parallax effect in Vanilla JavaScript.
I have used a ‘scroll’ event on browser ‘window,’ and retrieved the number of pixels the document is currently scrolled along the vertical axis from ‘window.
Front-end Shorts: How to Scroll to Element in jQuery With Animation
8 Mar, 2018
Here I am back and decided to continue blogging with front-end shorts. Unfortunately, I don’t have enough time to write big posts, but I would be happy to share some frontend tips and tricks that I have already applied for some of my projects.
The last days I had to work with Javascript and jQuery a lot apart from React and spent much time on creating templates. As you know, nowadays modern web pages include animated scrolling, which makes any site look professional and more elegant (instead of simple link element reference in HTML5).
Ada Lovelace Festival 2017 in Berlin
23 Oct, 2017

The last week I have attended Ada Lovelace Festival that occurred on 19-20 October 2017. The aim of the event to connect women in computing and technology.
Unfortunately, I was a bit too late for the keynote, because I had a lecture at the university. However, I joined the conference, and after registration, I got my bag with sponsors gifts.
For example, a pen and a paper notebook from the WirtschaftsWoche, and a small car model and candies from Porsche.
React.js & React Native Meetup at Home24 in Berlin
19 Oct, 2017
Hey, there! In this blog post, I’m going to share my impression about the React.js & React Native meetup in Berlin that I have visited at Home24 yesterday.
If you still didn’t have a look at the topic of my blog, so, as you noticed from the title, I am interested in front-end development and at the moments specialized in the JavaScript language and especially in React framework.
Close to the point, I would like to tell you a couple of words about the last meetup.
What Did I Learn at Codemotion Berlin 2017
14 Oct, 2017
Hi, everyone!
As you noticed, I post a new blog post about the development of an interactive ToDo list regularly, every five days. But today I am going to tell you about the international IT-conference Codemotion, that I have attended on 12-13. October in Berlin.
There were a lot of informative and motivational topics, that can inspire everyone, who are interested or work in IT-branch.
All talks occurred in four different spaces and referred by the topic of the sessions.