| /** | |
| * Writes an error message to the console if the assertion is false. | |
| * | |
| * If the assertion is true, nothing happens. | |
| * This is similar to React invariant: https://github.com/zertosh/invariant | |
| * | |
| * If your code only runs in Node.js, prefer `import { strict as assert } from 'node:assert'` | |
| * because it throws. | |
| * | |
| * What is an assertion? |
| import { useRouter } from 'next/router'; | |
| import { useEffect } from 'react'; | |
| import { useProgressBar } from './useProgressBar'; | |
| // https://github.com/twbs/bootstrap/blob/v5.3.0-alpha1/scss/_variables.scss#L1529 | |
| const transitionSpeed = 600; | |
| // https://gist.github.com/tkrotoff/db8a8106cc93ae797ea968d78ea28047 | |
| // https://stackoverflow.com/q/60755316 |
| // https://gist.github.com/tkrotoff/b0b1d39da340f5fc6c5e2a79a8b6cec0 | |
| // WTF! | |
| // parseFloat('-0') => -0 vs parseFloat(-0) => 0 | |
| // -0 === 0 => true vs Object.is(-0, 0) => false | |
| const minus0Hack = (value: number) => (Object.is(value, -0) ? '-0' : value); | |
| export const operators: { | |
| [operator: string]: | |
| | { |
| // 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); |
Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.
Like this? Check React vs others https://gist.github.com/tkrotoff/b1caa4c3a185629299ec234d2314e190
https://insights.stackoverflow.com/trends?tags=flutter%2Creact-native
<!DOCTYPE html><title>Hello, World!</title>Verified with https://validator.w3.org/
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 CSS utilities are very nice: same principles as Tailwind CSS.
Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.
Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979
| # 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 |