In this short blog post, I will show you how to create a custom step progress bar with CSS, which can be easily integrated into every application. Let’s first start with the easy part – the HTML. As you see, the stepper-item element has 2 additional classes – active and completed. …
Recent posts
Simple inline editable fields with Vue.js
In this tutorial, I will show you how to create simple dynamically editable fields in your Vue application. For the purpose of this tutorial I’m going to use Vue 2 but the same principles apply to Vue 3 as well. For the sake of simplicity I will first share the code and then add someexplanatio…
How to learn React in 2021
It has been more than 4 years since I started using profesionally React. When I look back, I wish I had approached the learning process differently. In this blog post, I will share my experience and advices for everyone just starting his journey into this great library. 1. Make sure you know well Ja…
Stepper component with React Hooks and Context
In this tutorial, we’re going to create a simple and easily customizable Stepper component. For the purpose of showing the Stepper component in action, I will also use the Stepper progress bar from my previous tutorial and wrap it into a Styled component. Let’s create a fresh React appli…
React vs Vue: The Core Differences
This post was originally written by me for the MentorMate blog . As one of the most dynamic fields in software development, front-end is constantly evolving. So much so that it can sometimes seem impossible to keep up with its many emerging trends and tools. With the adoption of ES6 and the function…