Skip to content
View sonyarianto's full-sized avatar
🙏
Keep learning, stay relevant, relevancy increases value.
🙏
Keep learning, stay relevant, relevancy increases value.
84 followers · 160 following

Achievements

Achievement: QuickdrawAchievement: Pair ExtraordinaireAchievement: StarstruckAchievement: Pull Sharkx3Achievement: YOLOAchievement: Arctic Code Vault Contributor

Achievements

Achievement: QuickdrawAchievement: Pair ExtraordinaireAchievement: StarstruckAchievement: Pull Sharkx3Achievement: YOLOAchievement: Arctic Code Vault Contributor

Highlights

Block or report sonyarianto

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
sonyarianto/README.md
GitHub Sponsors Sony AK

Overview

Member of Technical Staff
Technology Curator

Keep learning, stay relevant, relevancy increases value. Comfortable with being uncomfortable.

Open Source

Some open source initiative from me.

Name Type Notes Install
jogja npm npm npm i -g jogja
sshmgr npm npm npm i -g sshmgr

Educational Material

Title Topic
React without Build Steps JavaScript, React
GraphQL with Node.js and GraphQL Yoga JavaScript, GraphQL
Dockerizing Pocketbase Pocketbase
Porting Windmill Dashboard HTML into SvelteKit Project JavaScript, SvelteKit
Simple CLI in Go to Get List of Installed App Version Go
Mini PHP Framework with Symfony Routing and Blade Template PHP, Symfony, Blade
Using Blade Template without Laravel in PHP PHP, Blade
Using Redux without Build Steps Redux, JavaScript, React
Using Redux with SvelteKit Redux, JavaScript, SvelteKit
Using Redux with Svelte Redux, JavaScript, Svelte
Redux with Svelte is Very Simple than React (on Svelte REPL) Redux, JavaScript, Svelte
Docker for MySQL, Adminer and phpMyAdmin Docker, MySQL, phpMyAdmin
Simple GitHub Actions Demo (on push display file content on README.md) GitHub Actions
Sample of MS Fluent UI 2 Web Components (on Svelte REPL) Web Components, JavaScript
Mix match MS Fluent UI 2 Web Components with Tailwind CSS without Conflict Web Components, Tailwind CSS
Svelte: Fluent UI 2 TreeView Web Components Sample with Dynamic Data (single root) Web Components, Svelte
Svelte: Panel with Draggable Separator Svelte, Layout
Vanilla: Panel with Draggable Separator HTML, Layout, JavaScript
Vanilla: Panel with Draggable Separator (using requestAnimationFrame) HTML, Layout, JavaScript
Svelte: Navigate between Component Svelte
Simple intro and outro Sample in @clack/prompts CLI, Node.js
How to Get Node.js Version Node.js
Alpine.js: Using Store and Reactivity (using ESM module import) Alpine.js
Integrate Monaco Editor in SvelteKit SvelteKit, Monaco Editor
Monaco Editor using CDN, Simple and Fast Monaco Editor, CDN
jQuery with Redux for State Management and Reactivity jQuery, Redux
Monaco Editor on Svelte REPL using CDN (dynamic load) Monaco Editor, Svelte, CDN
Tooltip using Floating UI and Svelte Floating UI, Svelte
Popover using Floating UI and Svelte Floating UI, Svelte
Assign and Re-assign Component for <svelte:component /> in Svelte Svelte
Using Svelte Store is Insanely Easy Svelte
Destroy and Re-mount component programmatically in Svelte Svelte
How to fill schedule range on existing array of objects JavaScript
Playwright with External Chrome (Chrome for Testing) Playwright, JavaScript
Derived Store in Svelte Now Very Easy Svelte
Props Passing with Steroids using setContext and getContext Svelte
Class Binding in Svelte Svelte
Sample of Dynamic Load of JavaScript External Script JavaScript
Demo of Split Pane in Svelte Svelte
Demo of Fuzzy Search with fuse.js JavaScript
Declarative await in Svelte Svelte
Sign-in with Google using One Tap API JavaScript
Passing a Component via Props Svelte
Hello World in Several Language via Docker Docker
Compress and Uncompress Data in JS using pako JavaScript
Sample Usage of feather-icons in Svelte Svelte, JavaScript
How to Handle Long Text with Ellipsis when Already Two Lines CSS
Implicit Promise Sample when Using Async on a Function JavaScript
Demo of canvas-confetti Package JavaScript
Demo of Passing Props to a Component as an Object Svelte, JavaScript
Demo of Simple Marquee CSS
Demo of Simple Apps Selector CSS
Demo of Simple Marquee (images) CSS
Demo of (.) Notation on Component Svelte
Demo of Leaflet with OSM Svelte
Demo of svelte-intersection-observer Svelte
Some Rust examples called berkarat Rust
API template with Rust Rust
Quick sample of PHP on Vercel PHP
Learn SvelteKit Code that Runs First SvelteKit
How to Get Zeno.FM stream metadata using SSE API Svelte
The difference between named export and default export behaviour in JavaScript JavaScript
Universal reactivity with runes Svelte

Stats

Support me to develop more open source software or educational material through:

--
Best regards,
Sony AK
sony@sony-ak.com

Pinned Loading

  1. sshmgr sshmgr Public

    Simple SSH manager for busy and lazy people.

    TypeScript 2

  2. jogja jogja Public

    Project generator for web frameworks. It provides scaffolding for your apps. Still for busy and lazy people.

    TypeScript 23 2

  3. pocketbase-docker pocketbase-docker Public

    Pocketbase in the form of Docker container. Just for my personal scenario, but maybe can inspire others.

    Dockerfile 39 18