pirey

React.js Project Convention

This convention is intended to unify react project to a certain style and structure, thus making it more maintainable.

File Naming

• Component file are capitalized. E.g. App.js, Button.js
• Folder are lowercased. E.g. components, checkout, products
• Files containing hooks, or helper functions, named using dash as separator. E.g. use-list-api.js, use-modal-state.js, date-formatter.js
• Tests files are suffixed with .test.js, e.g. App.test.js

pirey

I know its trivial, but I also know I easily forgot little stuff like this.

To generate helptags, run:

:helptags doc/

pirey

{
  "name": "Crkbd",
  "vendorProductId": 1179844609,
  "macros": [
    "{KC_LALT,KC_ESC}",
    "{KC_LCTL,KC_Z}",
    "{KC_LCTL,KC_X}",
    "{KC_LCTL,KC_C}",
    "{KC_LCTL,KC_V}",
    "",

pirey

; Remap Caps Lock to Ctrl
Capslock::Ctrl

; Remap Ctrl + [ to Escape
^[::
Send, {Escape}
return

; Remap Escape to Caps Lock
Escape::Capslock

pirey

# nvim $profile - to edit the file
Import-Module PSFZF # enable fzf keybinding
Set-PSReadlineKeyHandler -Key Tab -Function MenuComplete # enable autocomplete

pirey

  # https://www.reddit.com/r/NixOS/comments/mwbr8t/comment/gvhm2mh/?utm_source=share&utm_medium=web2x&context=3
  systemd.services.touchegg = {
    enable = true;
    description = "Touchégg. The daemon.";
    wantedBy = [ "multi-user.target" ];
    serviceConfig = {
      Type = "simple";
      Group = "input";
      Restart = "on-failure";
      RestartSec = 5;

pirey

set -g default-terminal "screen-256color"
set-option -sa terminal-overrides ",xterm-256color:RGB"

pirey

function useOutsideAlerter(ref, eventType, callback, childSelector) {
    useEffect(() => {
        function handler(event) {
            if (!ref.current) return;

            const clickedOutside = childSelector
                ? !Array.from(ref.current.querySelectorAll(childSelector)).some(
                      (node) => node.contains(event.target),
                  )
                : !ref.current.contains(event.target);

pirey

laravel version: 10

authorization

policy

• -> authorization logic for model
• -> auto detected if following naming convention, User -> UserPolicy
• $request->user()->can('update', $post)
• $request->user()->cannot('create', Post::class)
• $this->authorize('update', $post);

pirey

function Comp({ content }) {
  return content.split('\r\n').map((line, i) => 
    <p key={i}>{line.length ? line : <br />}</p>)
}