Discover gists

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

Code is clean if it can be understood easily – by everyone on the team. Clean code can be read and enhanced by a developer other than its original author. With understandability comes readability, changeability, extensibility and maintainability.

General rules

Follow standard conventions.
Keep it simple stupid. Simpler is always better. Reduce complexity as much as possible.
Boy scout rule. Leave the campground cleaner than you found it.
Always find root cause. Always look for the root cause of a problem.

Design rules

Conventional Commit Messages

See how a minor change to your commit message style can make a difference.

Tip

Have a look at git-conventional-commits , a CLI util to ensure these conventions and generate verion and changelogs

Commit Message Formats

Default

Configuring Deutsche Telekom FTTH Access with OpenWRT

After looking for alternatves to the suggested Router from Telekom (AVM FritzBox and HUawei Speedport), I've discovered the possibility of configuring my existing OpenWRT Router to act as gateway to the Telekom FTTH (Fiber To The Home) Magenta Zuhause package.

TL;DR

The WAN interface must be configured as follows (see your Telekom letter):

Protocol: PPPoE
PAP/CHAP username:

	body {
	margin-top: 40px; /* This margin just makes the text easier to read. You can remove it if you want since it can mess with your other styles. */
	}

	body::before {
	content: "XS";
	color: red;
	font-size: 2rem;
	font-weight: bold;
	position: fixed;

	// Zero-Clause BSD (more permissive than MIT, doesn't require copyright notice)
	//
	// Permission to use, copy, modify, and/or distribute this software for any purpose
	// with or without fee is hereby granted.
	//
	// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
	// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
	// AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
	// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
	// OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER

	#!/bin/sh

	# Copyright 2023 Khalifah K. Shabazz
	#
	# Permission is hereby granted, free of charge, to any person obtaining a
	# copy of this software and associated documentation files (the “Software”),
	# to deal in the Software without restriction, including without limitation
	# the rights to use, copy, modify, merge, publish, distribute, sublicense,
	# and/or sell copies of the Software, and to permit persons to whom the
	# Software is furnished to do so, subject to the following conditions:

	const serverless = require('serverless-http');
	const express = require('express');
	const indexRouter = require('./routes/index');
	const usersRouter = require('./routes/users');

	const app = express();
	app.use('/', indexRouter);
	app.use('/users',usersRouter);

	module.exports = app;

	virsh destroy edge-router
	virsh undefine --nvram edge-router
	virsh vol-delete edge-router --pool fast-storage

	virt-install \
	--name edge-router \
	--cpu host-passthrough \
	--vcpus=4,sockets=1,cores=4,threads=1 \
	--ram 2048 \
	--os-variant debian10 \

	#!/bin/bash
	# reset jetbrains ide evals v1.0.4

	OS_NAME=$(uname -s)
	JB_PRODUCTS="IntelliJIdea CLion PhpStorm GoLand PyCharm WebStorm Rider DataGrip RubyMine AppCode"

	if [ "$OS_NAME" == "Darwin" ]; then
	echo 'macOS:'

	for PRD in $JB_PRODUCTS; do