Skip to content

Instantly share code, notes, and snippets.

View kalanaw's full-sized avatar

Kalana Wijesekara kalanaw

9 followers · 2 following
View GitHub Profile
@kalanaw
kalanaw / guidelines.md
Last active September 1, 2025 06:02

Code Review Guidelines for TypeScript (TS) and React (TSX)

1. Type Safety & Typings

  • Always use explicit types for function arguments, return values, and variables.
  • Avoid using any. Use unknown or proper generics if type is uncertain.
  • Prefer interfaces over types for object shapes, especially for props and state.
  • Use enums or union types for fixed sets of values.

2. React Component Best Practices

  • Use functional components and React hooks. Avoid class components unless necessary.
@kalanaw
kalanaw / gist:fd6803c009271ad90f95a65bd9c49cbd
Created July 15, 2020 09:11
temp-package.json
{
"name": "star-admin-free-react",
"version": "0.1.0",
"homepage": "https://bootstrapdash.com",
"private": true,
"config-overrides-path": "./config-overrides",
"dependencies": {
"@mdi/font": "^4.5.95",
"aws-amplify": "^1.1.22",
"aws-amplify-react": "^2.3.2",
@kalanaw
kalanaw / gist:7093b264a98f91d9c92bcc6368267298
Last active April 16, 2020 09:06 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:
@kalanaw
kalanaw / config.json
Created August 28, 2019 06:49
Sample Client configuration for Bonfire
{
"version": "0.1",
"timestamp": "Wed Aug 28 2019 11:49:18 GMT+0530",
"module": [
{
"id": "asd34d-234sd-sdfgr-434sd-sdfs",
"name": "teams",
"displayName": "Teams",
"types": [
{
@kalanaw
kalanaw / gist:e812cd334c91bfff36a2f455e21bde8d
Created November 21, 2018 14:14
Google map embedding in jQuery Mobile
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Playground</title>
<meta charset="utf-8" />
<meta name="viewport" content="width-device-width">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style>
@kalanaw
kalanaw / gist:60e42d6848e791b5bc049d9e0faf4ab7
Created November 21, 2018 13:16
jQuery Mobile Sample Page
<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Playground</title>
<meta charset="utf-8" />
<meta name="viewport" content="width-device-width">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
@kalanaw
kalanaw / UserActivity.html
Last active August 30, 2018 13:50
Example of tracking mouse movements on a browser window to detect user activity
<!DOCTYPE html>
<html>
<body>
<h2>Example of User Activity</h2>
<p>This page detects user activity by mouse movements.</p>
<p id="demo"></p>
<script>