Hi I am Micha and this is my Blog. I will post stuff here on the technologies and stuff I like, eg. web development, machine learning, data visualization and tinkering with electronics. Currently my favourite topics include Svelte, React, Typescript, Electron, R, PowerBI and Arduino.
Porting React to Svelte
How to Implement Custom React Hooks in Svelte
Here are two ways, how you can transfer the concept of custom React hooks to Svelte.
read more
Porting React to Svelte
React Hooks in Svelte
Exploring the differences and similarities of both frameworks, I show how the behavior of React hooks can be replicated in Svelte.
read more
Project Page
tree-shake-css
tree-shake-css is a new, experimental approach to use css frameworks like Tailwind and Bootstrap. Instead of purging it uses the tree-shaking capabilities of bundlers like rollup or webpack.
read more
Porting React to Svelte
Sveltes tick is my new best friend - porting react-textfit to Svelte
While porting react-textfit, a nice little helper library to Svelte, I discovered a precious tool, which easily replicates the behavior of some React life-cycle functions: the tick.
read more
How to merge cells with svelte-window
You want to efficiently render big and complex grids in Svelte? Here are two examples with svelte-window, one with divs and one with html tables.
read more
Porting React to Svelte
From react-window 1:1 to svelte-window
I ported react-window to Svelte, a high-quality React library which lets you render big lists and grids with ease. See how the flexible React component handling transfers to Svelte.
read more
Poll
Which React library would you love to see in Svelte?
Vote for you favourite library. Also, I collect some choices you have in Svelte.
read more
Porting React to Svelte
Porting a React library 1:1 to Svelte - It might be easier than you think
I ported react-virtualized-auto-sizer, a small but high-quality React library to Svelte and it was surprisingly easy. Here is how.
read more
How this blog is made
Make your website sketchy with Tailwind and Roughjs
This is the second part of the series -How this blog is made- and it looks at the look of the blog. I share tips on color choice, how to create sketchy components with Svelte and Roughjs, and how you can become faster at styling css with Tailwind.
read more
Why are React component libraries so complicated compared to Svelte?
Did you ever wanted to share a React or Svelte component with others? That should be simple, right? I create an example library both in React and Svelte and look at difficulties and differences.
read more
Showcase
The React Descent Ripple Effect
See the react-descent-ripple npm package in action. It adds a customizable ripple effect to your buttons and the various options are discussed here. Try out here with code examples.
read more
Showcase
The Descent Ripple Effect
See the react-descent-ripple npm package in action. It adds a customizable ripple effect to your buttons and the various options are discussed here. Try out here with code examples.
read more
How this blog is made
Create SEO optimized blogs with Elder/Svelte & Markdown
In this series of posts I will go through some of the design decisions I had to make for this blog. The first part will describe the framework and how it focuses on productivity using Markdown while remaining flexible and SEO optimized via Elderjs.
read more
Svelte and Typescript
How can you get the most out of using typescript with your project? Read a discussion of the options and tools to help you to provide a great programming experience with Svelte.
read more