Matsu Dev Blog

Abusing Javascript and The Web

Creating a Offline First Stock Price Tracker With Stoxy

At the start of this week, I released my state management library, Stoxy to the wild. After gaining some tracktion from different outlets, I decided I should create a small demo project showcasing the best parts about using Stoxy. That’s why I decided to create a small Offline-first application for tracking stock prices. It will be built with Web Components and utilize the Stoxy library for handling the state, online and offline.
Read more →

Utilizing Simplr Router

I started working on Simplr Router in September 2019. Back then I had just learned about Web Components and the power they enable for developers. We were working on our first bigger project and were using LitElement. We had great tooling, but were missing one thing: A router which suited our needs and customizability. That’s when I started working on Simplr Router. The Dream From the beginning, I have wanted to keep Simplr Router at 0 dependecies, and so far we’ve been able to keep it that way.
Read more →

Comparing React and Web Components. Part 2: Components

This is part 2 of my series comparing Web Components and React. You can find the first part here Before we get started, I’ll clear out some possible misconceptions from the last post: OpenWC is not LitElement. LitElement is a Open source library written by the Polymer team and the open source contributors while OpenWC is a community aimed at providing recommendations for web component development. LitElement is a base class that makes use of the lit-html library.
Read more →

Comparing React and Web Components. Part 1: Starters

I’ve always shunned away from big frameworks while working with Javascript. I used to work with React, but after gaining more experience with the language, I’ve started to go closer to vanilla with everything I do. Comparing starter scripts I ran the recommended starters for both React and Lit Element, one of the most used Web Component libraries. For React, the started included 262 mb of depndencies just to get started
Read more →

Porting Libraries to Web Components

As Web Components become a part of the Web Standard, more libraries are being created with Web Components instead of just exposing the API of said library. But what about the libraries created before the rise of Web Components? Can they be ported into Web Components, and what kind of a workload would this be? This is what we’ll be discussing today. Preface So why would we want to create a Web Component equivalent of a library if there already is an existing implementation?
Read more →

How I Stopped Being Scared and Started Loving Vim

Vim. It’s the editor in the center of all freshman Computer Science student memes. It’s something almost every developer has seen at some part of their career. The most usual first touch to Vim is when new developers start using Git from the command line, and there is a merge conflict, or you forget to type a commit message. Oh no what is this how do I escape <esc> <esc> <CTRL-C>
Read more →

Introducing Bulle

/bull-E/ Bulle is a modern solution for mocking HTTP API’s. Bulle can be utilized to create mock API endpoints for development purposes or for general testing. Preface I found myself developing applications where we had decided on the front-end technology, but were still contemplating on the backend technology. In these situtations, we started work on the front-end nontheless, and as with almost any modern web application, the front-end utilizes data acquired from the API.
Read more →