Skip to content

Instantly share code, notes, and snippets.

@tkrotoff
tkrotoff / #wait.ts
Last active June 18, 2023 08:47
Cancelable await wait()
// https://gist.github.com/tkrotoff/c6dd1cabf5570906724097c6e3f65a12
// https://stackoverflow.com/a/67911932
export function wait(ms: number, options: { signal?: AbortSignal } = {}) {
const { signal } = options;
return new Promise<void>((resolve, reject) => {
// FIXME Not supported by Jest 29.3.1 + Node.js 19.3.0
//signal?.throwIfAborted();
if (signal?.aborted) reject(signal.reason);
@tkrotoff
tkrotoff / ReactNative-vs-Flutter.md
Last active August 4, 2025 07:20
React Native vs Flutter
@tkrotoff
tkrotoff / MinimalHTML5.md
Last active May 26, 2021 10:49
Minimal HTML5 structure
<!DOCTYPE html><title>Hello, World!</title>
  • doctype is mandatory
  • title is mandatory
  • head is not
  • body is not

Verified with https://validator.w3.org/

@tkrotoff
tkrotoff / CSSFrameworks.md
Last active April 12, 2025 09:59
CSS Frameworks (Bootstrap, Tailwind CSS, Bulma, React Bootstrap, Chakra UI, Ant Design)

The right question is: is there added value in reinventing the wheel? (button, form controls, badge, card, spinner, modal...). The existing wheels will probably ride better than yours.

I would go with vanilla Bootstrap (just the Sass part, not the JS part).

Bootstrap

Bootstrap CSS utilities are very nice: same principles as Tailwind CSS.

@tkrotoff
tkrotoff / HowToTest.md
Last active January 29, 2021 22:19
How I structure my tests

File structure

  • src/fooBar.js
  • src/fooBar.html
  • src/fooBar.scss
  • src/fooBar....
  • src/fooBar.test.js => npm run test
  • src/fooBar.test.e2e.js (if I have E2E tests - Puppeteer, Playwright...) => npm run test:e2e

Tests should not be separated from the source code (think autonomous modules).

@tkrotoff
tkrotoff / FrontendFrameworksPopularity.md
Last active February 19, 2026 14:19
Front-end frameworks popularity (React, Vue, Angular and Svelte)
@tkrotoff
tkrotoff / RemoveWin10DefaultApps.ps1
Last active February 5, 2026 18:19
Remove Windows 10 default apps
# See Remove default Apps from Windows 10 https://thomas.vanhoutte.be/miniblog/delete-windows-10-apps/
# See Debloat Windows 10 https://github.com/W4RH4WK/Debloat-Windows-10
# Command line to list all packages: Get-AppxPackage -AllUsers | Select Name, PackageFullName
Get-AppxPackage Microsoft.Windows.ParentalControls | Remove-AppxPackage
Get-AppxPackage Windows.ContactSupport | Remove-AppxPackage
Get-AppxPackage Microsoft.Xbox* | Remove-AppxPackage
Get-AppxPackage microsoft.windowscommunicationsapps | Remove-AppxPackage # Mail and Calendar
#Get-AppxPackage Microsoft.Windows.Photos | Remove-AppxPackage
Get-AppxPackage Microsoft.WindowsCamera | Remove-AppxPackage
@tkrotoff
tkrotoff / Grids.md
Last active August 29, 2015 14:15
Popular CSS Grids

Most popular CSS grids as of February 2015

  • Stars: 77643
  • Columns: 12 by default
  • Syntax: "row", "col-md-1", "col-xs-12 col-md-8"
  • Stars: 19381
  • Columns: 12
@tkrotoff
tkrotoff / Log.cs
Created April 11, 2013 13:44
Enhancements for C# System.Diagnostics.Trace: add class and method names to the trace message
namespace Log
{
/// <summary>
/// Helps you trace the execution of your code.
/// </summary>
/// <remarks>
/// Same as System.Diagnostics.Trace but adds the class and method names to the trace message.<br/>
/// <br/>
/// More documentation about Trace and Debug:<br/>
/// <list type="bullet">
@tkrotoff
tkrotoff / event.rb
Created October 9, 2012 13:45
Rails JSON serialization and deserialization
class Event < ActiveRecord::Base
include EventJSON
attr_accessible *EventJSON.attributes
validates :starts_at, presence: true
validates :ends_at, presence: true
validates :all_day, inclusion: { in: [true, false] }
end