Build your own Notion clone with React.js and learn how such text editors work. In fact, it is easier than I expected… — Without a doubt, Notion.so is one of my favorite apps when it comes to organizing notes. I love their minimal designed text editor because it focuses your attention on the content — and not on unnecessary UI elements. Yet it provides you a ton of powerful features that lead to…

Get the cursor coordinates and index position to display interactive UI elements! — Yes, I know… there are certainly more exciting topics to write about than dealing with cursors on a web page. But since I struggled a lot with this issue in my latest project, I decided to share my approach — hoping that it might help one or the other. In…

Learn how Gatsby works and how you can build a personal website with it — step by step! — This article should provide a general understanding of how Gatsby works and how it can be used to create a personal website from scratch. If you are new to Gatsby, this article is for you. I recently published the first iteration of my personal website. Since I haven’t had a…

After PWAs, Project Fugu is Google’s next effort to reach parity with native. — The web is a great platform. It’s an open-ecosystem that anyone can use and build on. Sometimes, however, it is not possible to build exactly what you want due to missing capabilities. Think about a messaging application that should use the contact list on your smartphone to select friends to…

No matter if you have a native app or not. Ignoring PWA’s technology can harm your venture’s success long term. — These days, the discussion about Progressive Web Apps is often primarily focused on whether they will replace native apps or not. And while this might be an interesting topic to talk about, people forget about the first and foremost intent PWAs were built for: Enhancing the web’s user experience.

This article shows you what service worker rendering is, why it can be beneficial, and how you can implement it. — Traditionally, platforms like PHP or Ruby on Rails took care of the rendering process server-side. Lately, new frameworks like React or Angular took that process from the server to the client. With service workers, we now have a third place where we can implement a template engine — between client…

Being around for 5 years, Progressive Web Apps still are a niche in our app market. But why? Let’s figure out what challenges to overcome. — Progressive Web Apps have been hyped for quite a long time. Since the term was coined by Google’s engineer Alex Russell back in 2015, a lot of people referred to it as the future of app development and enumerated its advantages over and over again. But let’s face the truth…

Either choose the Netlify-like way via _redirects file or stick with the Gatsby approach which uses the createRedirect action. — Hosting your Gatsby site with Netlify is a perfect pairing. The whole development workflow gets so smooth using both. However, redirects, for instance, don’t work out of the box yet, or at least not the way you would expect it to work. …

Product management lessons from the legendary CEO — I recently read the biography of Steve Jobs, written by Walter Isaacson. And although there are many things interesting enough to write about, it was one particular aspect that got me fascinated throughout the whole book: Jobs’s ability and discipline to focus. Well, you may think it’s nothing new that…