mikoloism

How config webpack for using typescript

Steps

• install webpack npm install --save-dev webpack webpack-cli ts-loader
• install typescript npm install --save-dev typescript

File Structur

mikoloism

All In One ESLint

Steps

• install eslint npm i -g eslint npm install --save-dev eslint
• config eslint
• config with airbnb
• install config (vanilla js)

mikoloism

All In One ionic framework (version 4)

Steps (with cli)

• install ionic npm install -g ionic
• init project ionic start APP_NAME APP_TYPE --type=FRAMEWORK
  • APP_TYPES
• blank "create blank project"

mikoloism

VSCode Snippet 🌟

mikoloism

"use strict";

class fn
{
	constructor(selector){
		this.selector = this.select(selector);
	}

	// select
	select(selector) {

mikoloism

#!/usr/bin/env python3
import time
import os

# home path to user
user_home = os.environ["HOME"]

# setp - 1
os.system('clear')
# define default value for variable

mikoloism

[autorun]
open = "./.@Autorun/.setup.sh"
label = MY_USB_NAME
icon = "./.@Autorun/icon.ico"

mikoloism

export class Direction implements Direction.Interface {
	private _direction: Direction.Direct | `${Direction.Direct}` | null = null;
	private _startPoint: Point | null = null;
	private _endPoint: Point | null = null;

	public constructor() {}

	public setStartPoint(startPoint: Point): void {
		this._startPoint = startPoint;
	}

mikoloism

Just for entertainment:

1. Compile with webpack --profile --json > stats.json (node.js API: { profile: true } and stats.toJson())
2. Go to http://webpack.github.io/analyse/#modules
3. Load your stats file (It's not uploaded, the analyse tools is a client only tool).
4. Wait a bit until the graph has been stabilized.
5. Screenshot and cut the graph area.
6. Post it into this thread.

mikoloism

import { create, type SetState } from '@core/module/store';
import {
	COUNTDOWN_DEFAULT_DURATION,
	COUNTDOWN_DEFAULT_STATE,
	COUNTDOWN_STORAGE_KEY,
} from './countdown.constants';
import type {
	CountDownAction,
	CountDownState,
	CountDownStore,