Open in app

Sign In

Write

Sign In

Konstantin Münster
Konstantin Münster

649 Followers

Home

About

Pinned

How to plan and organize a React project — by building a weather app

Build this beautiful, small weather app and learn how to best plan and organize a React project. A beginner-friendly introduction to thinking in React. In this article, we are going to build a beautiful, simple weather app with React.js. By doing this, we will discover and learn some essential skills: …

JavaScript

14 min read

How to plan and organize a React project — by building a weather app
How to plan and organize a React project — by building a weather app
JavaScript

14 min read


Jul 20

Adopting a no-code mindset

Writing code has never been easier. Yet, effective teams do the opposite: they focus on shipping less code. Learn why and how you adopt a no-code mindset. Building and maintaining software is hard. As the team grows, so does the code base. …

Web Development

6 min read

Adopting a no-code mindset
Adopting a no-code mindset
Web Development

6 min read


Jun 3

Why open-source projects are your best marketing

Finding new clients as a freelancer is hard. Learn how open-source can help you in that — and why it beats most other marketing strategies. Throughout the past few years, I published several open-source projects. Some became an overnight success, and some didn’t even get a single star on GitHub…

Freelancing

8 min read

Why open-source projects are your best marketing
Why open-source projects are your best marketing
Freelancing

8 min read


May 9

How To Build A Floating Menu With Lexical and React

Nowadays text editors like Notion let you easily format text with a bubble menu near your selection. Let’s build one! Nowadays tools like Notion achieved quite a leap in terms of text editing experience. They introduced new patterns which seamlessly integrate into our flow of writing. One of these new…

JavaScript

9 min read

How To Build A Floating Menu With Lexical and React
How To Build A Floating Menu With Lexical and React
JavaScript

9 min read


Apr 4

3 Tips To Write Better Code As A Beginner Frontend Developer

As a beginner, you don’t think about coding style. Implement these three principles to improve your code base immediately. Over the course of the last months, I had the opportunity to mentor a group of talented new web developers who participated in TechLabs’ digital shaper program. It was really fun…

Programming

5 min read

3 Tips To Write Better Code As A Beginner Frontend Developer
3 Tips To Write Better Code As A Beginner Frontend Developer
Programming

5 min read


Mar 8

Generating Dynamic OG Images For Your Blog With Vercel OG

Improve your Next.js-based blog with OG images generated with @vercel/og. Throughout the years, Open Graph images became more and more important. Most modern tools (like Slack, Facebook, or Twitter) automatically show a little preview image of your website whenever you share it. …

Web Development

7 min read

Generating Dynamic OG Images For Your Blog With Vercel OG
Generating Dynamic OG Images For Your Blog With Vercel OG
Web Development

7 min read


Jan 14

How To Build A Text Editor With Lexical and React

Lexical is a new framework for building rich text editors. Let’s build a simple WYSIWYG editor with it. In April 2022, Meta open-sourced Lexical — “an extensible text editor framework”. Given that it powers some of the most popular web apps in the world, it especially focuses on accessibility and…

JavaScript

12 min read

How To Build A Text Editor With Lexical and React
How To Build A Text Editor With Lexical and React
JavaScript

12 min read


Published in

JavaScript in Plain English

·Nov 10, 2022

Tagged Template Literals — How Tools Like Styled Components Work

Have you ever wondered how syntactical sugar like styled just magically works? Let’s recreate this functionality using tagged template strings in Javascript. If you used tools like styled-components or graphql, you most likely came across tagged template literals. A new Javascript feature that was introduced with ES6. In styled components…

Web Development

6 min read

Tagged Template Literals — How Tools Like Styled Components Work
Tagged Template Literals — How Tools Like Styled Components Work
Web Development

6 min read


Oct 15, 2022

3 Things That Helped Me Going Deep (Work)

How to put Cal Newport’s deep work concept to practice? These 3 tips helped me over the last years. In his 2016 book, Cal Newport coined the term Deep Work, which essentially means working on a single task for prolonged periods without getting distracted. A concept that back then could…

Work

5 min read

3 Things That Helped Me Going Deep (Work)
3 Things That Helped Me Going Deep (Work)
Work

5 min read


Sep 24, 2022

Should You Quit Your Job For Your Side-Project?

Going all-in on one’s beloved side-project? Sounds great! But how do you know it is the right project and time to do so? Let’s take a look at a simple concept. Side projects are increasingly popular. Partly because it has become easier than ever to create and distribute. …

Careers

3 min read

Should You Quit Your Job For Your Side-Project?
Should You Quit Your Job For Your Side-Project?
Careers

3 min read

Konstantin Münster

Konstantin Münster

649 Followers

Writing about Web Development and Freelancing. // konstantin.digital

Following
  • Julie Zhuo

    Julie Zhuo

  • Amy J. Ko

    Amy J. Ko

  • Eric Elliott

    Eric Elliott

  • E. Ruth

    E. Ruth

  • TechLabs Hamburg

    TechLabs Hamburg

See all (18)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams