GradientDescent

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

Support me:

or directly

Design & Logo © 2020 Michael Lucht. All rights reserved.