Open in app

Sign In

Write

Sign In

Konstantin Münster
Konstantin Münster

529 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: …

Java Script

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
Java Script

14 min read


Published in The Startup

·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…

Java Script

12 min read

How To Build A Text Editor With Lexical and React
How To Build A Text Editor With Lexical and React
Java Script

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


Published in The Startup

·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


Sep 4, 2022

ES Modules: All You Need To Know

ESM and CommonJS are Javascript’s module systems. Let’s understand how they compare and when to choose which system. ES Modules (or short: ESM) and CommonJS (or short: CJS) are the two module systems in Javascript that are actively being used. Module Systems allow us to share and reuse code easily…

Java Script

4 min read

ES Modules: All You Need To Know
ES Modules: All You Need To Know
Java Script

4 min read


Aug 22, 2022

Generating Stitches Variants For Each Color Of Your Theme

Stiches.dev lets you write performant CSS-in-JS. Let’s see how we can speed up creating variants with your color palette! I recently came across Stitches.dev when I rebuilt my portfolio. …

CSS

3 min read

Generating Stitches Variants For Each Color Of Your Theme
Generating Stitches Variants For Each Color Of Your Theme
CSS

3 min read


Published in JavaScript in Plain English

·Aug 11, 2022

How to Use the New <next/image> Component

Next.js 12.2 includes a totally revised component for image optimization. Let’s see what has changed. — Note: Right now, the newer next/image component is still under development and only available using the experimental flag. With Next.js 10 and the then introduced next/image component, serving images became a lot easier. …

Web Development

3 min read

How to Use the New <next/image> Component
How to Use the New <next/image> Component
Web Development

3 min read


Published in The Startup

·Nov 7, 2020

How to Build a Text Editor Like Notion

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…

React

11 min read

How to Build a Text Editor Like Notion
How to Build a Text Editor Like Notion
React

11 min read


Published in JavaScript in Plain English

·Oct 31, 2020

How To Find The Caret Inside A Contenteditable Element

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…

Java Script

4 min read

How To Find The Caret Inside A Contenteditable Element
How To Find The Caret Inside A Contenteditable Element
Java Script

4 min read

Konstantin Münster

Konstantin Münster

529 Followers

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

Following
  • Julie Zhuo

    Julie Zhuo

  • Eric Elliott

    Eric Elliott

  • Amy J. Ko

    Amy J. Ko

  • Bertrand Rothen

    Bertrand Rothen

  • Sam McAfee

    Sam McAfee

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech