README

30-seconds-of-typescript

GitHub

This repo is collection of multiple utility function Like lodash, that can be used and anywhere with simply importing.

All the documents can be found on 30-seconds-of-typescript

How to access page:

how_to_access_page

Note: This repo is highly inspired by 30-seconds-of-code. I am converting all JS to Typescript so that it can be used for Typescript, Modern HTML|JS and Deno. Github

I am refactoring code and fixing bug along with conversion.

Install nodejs/npm

npm i @deepakvishwakarma/ts-util

How to use Typescript

import { mask } from "@deepakvishwakarma/ts-util";

console.log(mask(1234567890)); // '******7890'
console.log(mask(1234567890, 3)); // '*******890'
console.log(mask(1234567890, -4, "quot;)); // '$$567890'

How to use JS

const { mask } = require("@deepakvishwakarma/ts-util");

console.log(mask(1234567890)); // '******7890'
console.log(mask(1234567890, 3)); // '*******890'
console.log(mask(1234567890, -4, "quot;)); // '$$567890'

Install Snippet Extension

You can find working plugin on marketplace.visualstudio.com. You can either search for 30-seconds-of-typescript Or Install from here imdeepak.30-seconds-of-typescript

Search for snippet- Sample[typescript & typescriptreact]

30_delay

assets/snippets.gif

This repo has utility file, that can be imported to Deno and modern EcmaScript.

How to use [Deno]

import { all } from "https://denopkg.com/deepakshrma/30-seconds-of-typescript/util.ts";
all([{ name: "D" }, { name: "D2" }], hasName); //true

How to modern HTML|JS(Using Github CDN)

<script type="module">
  // Use any Github CDN
  import * as util from "https://cdn.jsdelivr.net/gh/deepakshrma/30-seconds-of-typescript/util.js";
  const el = util.createElement(
    `<div class="container"><p>Hello! This is created using createElement!! </p></div>`
  );
  document.body.appendChild(el);
</script>

Contribution

Docs: /docs
Util: /util.ts

Create New utility function

export here util.ts

How to bundle: It will be auto using husky githook

How to test using Deno

deno test util.test.ts

Commands | Scripts

1. Generate Snippets:

npm run code-gen

2. Generate Extension:

npm run extension

3. Install Extension Locally:

code --install-extension *.vsix

Note: This website is build using docusaurus.

Usage no npm install needed!