Skip to content

Instantly share code, notes, and snippets.

View usrrname's full-sized avatar
:octocat:
Sliding into your PRs

jen chan usrrname

:octocat:
Sliding into your PRs
View GitHub Profile
@usrrname
usrrname / dont-use-nuxt.md
Last active July 23, 2025 00:44
things I can't stand about nuxt

So, nuxt problems:

•⁠ ⁠SSR rendering patterns and data hydration on server was not as maturely developed as NextJS ... this resulted in a lot of console noise and rendering flash

•⁠ ⁠⁠at my last work we ended up switching the app to completely do client side rendering to improve page speed 😆

•⁠ ⁠⁠overly strict foldering opinions esp for component naming... remember how all components would by default inherit the parent folder name? Components like /Foo/Bar/Thing.vue would become named as <FooBarThing/> wherever you want to import it due to its build opinions.

•⁠ ⁠⁠auto-imports were possible because at build time nuxt generates a series .d.ts in .nuxt/ of ALL composable and components such that they are globally namespaced. If you don't know about this it can be very easy to create conflicting and duplicate namespaced component prop types

{
"basics": {
"name": "Thomas Edison",
"label": "Inventor and Businessman",
"picture": "https://example.com/photo.jpg",
"email": "[email protected]",
"phone": "(123) 456-7890",
"website": "https://thomasedison.com",
"summary": "Prolific inventor and businessman known for developing many devices that greatly influenced life around the world, including the phonograph, the motion picture camera, and the electric light bulb.",
"location": {

Keybase proof

I hereby claim:

  • I am usrrname on github.
  • I am jenc (https://keybase.io/jenc) on keybase.
  • I have a public key ASAK7sMRMw1jcb09j8bHzMnwyXToNAobumcjX9mAP8qJIwo

To claim this, I am signing this object:

trigger:
- main
- feature/R20-22-azure-piplines
variables:
- group: radius-angular
- name: projectName
value: $[variables.PROJECT_NAME]
- name: feedName
value: $[variables.FEED_NAME]
@usrrname
usrrname / aznpm.sh
Created May 8, 2022 15:48
Publish to npm registry
#!/usr/bin/env bash
echo "registry=https://pkgs.dev.azure.com/${ORG_NAME}/_packaging/${PACKAGE_NAME}/npm/registry/
always-auth=true" >> .npmrc
@usrrname
usrrname / reverseWords.js
Last active November 29, 2019 20:09
Reverse all words in a string
const reverseWords1 = (string) => {
let newString = ' ';
let items = string.split(' ');
let results = '';
for (let i=items.length; i>=0; i--) {
results += items[i] + newString;
String(results)
}
return results;
@usrrname
usrrname / index.html
Created January 13, 2018 23:04
Rent Splitter
<!doctype html>
<html>
<head>
<style>
*{
font-family:'Open Sans', Arial, Sans-serif;
}
body{
padding:1em;
}