Javascript on Janik von Rotz

JavaScript: Get array with unique objects

Tue, 18 Jan 2022 11:38:00 +0100

In JavaScript you can use Set to get an array with unique items. However, this does not work with objects. Converting the object to a string before creating the set is the solution.

Convert markdown wiki Links to html links

Thu, 03 Sep 2020 11:35:27 +0200

Wiki-Links [[ ]] are not part of the markdown specification, but are often used by markdown editors such as Obsidian. As they are not supported by most markdown converters we need to convert the wiki links on our own.

Apollo GraphQl server and client sorting

Wed, 29 Jan 2020 14:05:23 +0100

GraphQl is not opinionated about sorting and pagination. It is up to you to implement the sorting for your query. I’ve seen various approaches doing that, but none seemed elegant. After compiling a few blog posts and tutorials I came up with the following solution.

Simple Hugo page search with Lunr.js

Mon, 10 Jun 2019 12:11:31 +0200

Hugo is static website engine and acutally used to generated this blog post. Due to its static nature, there is now way to provide serverside capablities for dynamic lookups such as used by a search feature. Everything dynamically has to be done client side. In this post I am going to setup a search page for a Hugo site the most simple way.

State of JavaScript 2018

Mon, 19 Nov 2018 11:16:09 +0100

State of JavaScript 2018 has just been released. It is one of the biggest survey about JavaScript development. If you wanna know what is going on in the confusing world of JS, make sure to pay a visit. They did a great job at visualizing and showcasing the results.

JS snippet: Set tallest height on siblings

Sun, 06 Aug 2017 20:40:15 +0000

This post is another contribution to “I hope that I never have to use jQuery again”. The problem solved this time is quite simple. We want to set the same height for a group of divs. So not like this:

Graphql with Apollo, Meteor and React

Sun, 09 Oct 2016 19:39:30 +0000

For my last project I had to build a web application to administrate a MongoDB database. Due to using Meteor quite a lot I heard about Graphql and the Apollostack. Graphql, which is a specification done by Facebook engineers, promises to be the better REST API (which I hope it is). I became curious and decided the build the server API with Apollo. First I tried to evade using the Meteor as build system as I don’t want to get too accustomed to this full-stack ecosystem. However, building a live-reload server and client build system in ES6 with Node.js, Babel and Webpack was simply too much work compared to building this simple web app. So in result this was my stack:

OLMOTO - An app built by beginners

Tue, 02 Aug 2016 12:30:05 +0000

One month ago I started teaching a friend the basics of JavaScript with Meteor, Mantra and React. Together we’ve built an app to create and share events with friends. It was an awesome experience. Yesterday we launched a private version on heroku. For us this was a great accomplishment. I learned a lot from this project and thought about sharing it with world.

https://codeberg.org/janikvonrotz/olmoto

Some technical features and challenges we solved:

How to publish a react component to the npm directory

Thu, 09 Jun 2016 12:33:36 +0000

This time I’ll show you how to publish react components to the npm directory. This guide does not cover testing it only shows the easiest way to use your components for different projects as npm dependency.

Meteor White Paper

Wed, 16 Dec 2015 21:05:20 +0000

Introduction

Today’s internet would not work without web applications. Web applications made the web dynamic and extended its targeted audience. The applications made it possible for companies to create new business models and sell their goods and services online. They became popular due to the ubiquity of web browsers, and the convenience of using a web browser as a client (Wikipedia, 2015). Undoubtedly, the technology to build web applications is the cornerstone to enabling the enterprises to keep up with the pace of business. Life cycles of products have become shorter while the demand raised at the same time. Enterprises have to accelerate their application development process to stay competitive in the future.

Let’s write a Laravel application – Project template

Fri, 30 Jan 2015 10:28:03 +0000

In web development there are tons of programs and tools and due to that also complex and very different development strategies. Luckily dependency handling got a lot easier. For my Laravel project setup we will use 3 different package managers. Every package manager of course manages a different resource, we will use composer for php packages, npm for everything related to Node.js and Bower for web packages.

Node.js Nginx proxy website

Wed, 02 Apr 2014 06:52:03 +0000

This post is part of my Your own Virtual Private Server hosting solution project.
Get the latest version of this article here: https://gist.github.com/9407504.

Introduction

It’s recommanded to publish a Node.js application with a Nginx proxy website.

Step by Step: Install Ghost Blog

Mon, 03 Mar 2014 16:34:55 +0000

Latest Version of this guide: https://gist.github.com/8542013

Finishing this guide you"ll get:

A running Ghost installation
Amazon SES mail configuration
Simple ssh hardenings
Nginx proxy
Node.js configured with forever

Specification of latest running installation:

Date: 21.01.2014
OS: Ubuntu 64 bit - 12.04.4 LTS
Provider: Amazon EC2
Mail service: Amazon SES
Browser: Google Chrome - 31.0.1650.63
Ghost: 0.4
Node: 0.10.24
npm: 1.3.21

How to debug your Node.js application

Fri, 21 Feb 2014 14:20:13 +0000

Recently I’ve started developing with Node.js. As a beginner I had to set up an IDE which meets my requirements such as debugging code. I’ve tried several IDE’s such as Microsofts’s WebMatrix or Eclipse Node.js extension. But all of them literally sucked, they were are a pain to install or didn’t work properly.

Luckily I came along this project: https://github.com/node-inspector/node-inspector