Skip to content

Instantly share code, notes, and snippets.

View pankajpatel's full-sized avatar
🎯
Focusing

Pankaj Patel pankajpatel

🎯
Focusing
View GitHub Profile
@pankajpatel
pankajpatel / css-grid-bg.css
Created December 18, 2020 21:39
From Storybook
:root {
--grid-size: 10px;
--cell-amount: 10;
--grid-line-opacity: .4;
--grid-offset-x: 20px;
--grid-offset-y: 20px;
}
.with-grid-lines {
@kennethnwc
kennethnwc / .dockerignore
Last active February 28, 2024 10:21
My docker-compose with nextjs and nginx
.next/
node_modules/
Dockerfile
yarn-error.log
.dockerignore
.git
.gitignore

What Hiring Should Look Like

This is definitely not the first time I've written about this topic, but I haven't written formally about it in quite awhile. So I want to revisit why I think technical-position interviewing is so poorly designed, and lay out what I think would be a better process.

I'm just one guy, with a bunch of strong opinions and a bunch of flaws. So take these suggestions with a grain of salt. I'm sure there's a lot of talented, passionate folks with other thoughts, and some are probably a lot more interesting and useful than my own.

But at the same time, I hope you'll set aside the assumptions and status quo of how interviewing is always done. Just because you were hired a certain way, and even if you liked it, doesn't mean that it's a good interview process to repeat.

If you're happy with the way technical interviewing currently works at your company, fine. Just stop, don't read any further. I'm not going to spend any effort trying to convince you otherwise.

@wojtekmaj
wojtekmaj / .gitignore
Last active May 4, 2024 00:32
How to upgrade Yarn to Yarn Modern (v4 at the moment) seamlessly
.pnp.*
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/sdks
!.yarn/versions
@tlakomy
tlakomy / Notes.md
Last active January 13, 2020 21:40
Notes from Build an App with React Suspense, Hooks, and Context Workshop Setup with Michael Chan

Egghead Workshop Notes

Notes from Build an App with React Suspense, Hooks, and Context Workshop Setup with Michael Chan

  • Write a detailed README with contact info, info about the workshop itself, license etc
  • Create a folder for each lesson so folks won’t have to struggle with switching git branches every 15 minutes
  • Give everyone a minute to process what they’ve learned and to figure out whether they have questions
  • Reference the docs so once the workshop concludes everyone knows where to find the resources to refresh what they’ve learned
  • As with egghead lessons, guide their eyes - if you’re explaining something, then select it in your IDE (at least hover over it)
  • Take a minute to go over the questions from the chat, read the question out loud
  • Don’t be afraid to experiment when there’s an interesting question, we’re all nerds here who love to try out new stuff
@arnausd23
arnausd23 / plop.md
Created August 27, 2019 13:24
Plop js

What is Plop

​ Plop is a file generator tool system which allows you to define a script file to generate all the boilerplate files for you. Similar in how Angular schematics works, you can define a set of actions who would generate all the pre-defined code for you either automatically or by answering to some CLI prompts. ​ First you will need to define a plopfile.js who would contain a function who would receive a plop object with access to all the methods to generate the code. ​

module.exports = function (plop) {
    plop.setGenerator('components', {
@asciitohex
asciitohex / 2018-https-localhost.md
Created August 27, 2019 12:38 — forked from cecilemuller/2019-https-localhost.md
How to create an HTTPS certificate for localhost domains

How to create an HTTPS certificate for localhost domains

This focuses on generating the certificates for loading local virtual hosts hosted on your computer, for development only.

Do not use self-signed certificates in production ! For online certificates, use Let's Encrypt instead (tutorial).

Strings

String.prototype.*

None of the string methods modify this – they always return fresh strings.

  • charAt(pos: number): string ES1

    Returns the character at index pos, as a string (JavaScript does not have a datatype for characters). str[i] is equivalent to str.charAt(i) and more concise (caveat: may not work on old engines).

@adcreare
adcreare / npm-beta-publish.md
Last active April 29, 2024 19:21
npm publish a beta package

Steps to publish a npm package to beta that won't be available via latest and won't auto install on ncu updates etc

  1. Ensure any compile is run npm run dist etc
  2. Modify version in package.json to the following format (match with existing verion numbers etc) "version": "0.1.120-beta.1" where beta.x is the number of those betas
  3. Publish to npm npm publish --tag beta

There are two options for install:

  • Always install beta with npm install packagename@beta
  • Install specific version with npm install package@0.1.120-beta.1
@zehfernandes
zehfernandes / pliim-turnOff.scpt
Last active December 17, 2023 22:15
One click and be ready to go up on stage and shine! - https://zehfernandes.github.io/pliim/
# Turn on Notifications
do shell script "defaults -currentHost write com.apple.notificationcenterui doNotDisturb -bool FALSE; defaults -currentHost delete com.apple.notificationcenterui doNotDisturbDate; osascript -e 'quit application \"NotificationCenter\" ' && killall usernoted" -- this set 'Do not disturb' to false in the pref
# Show Desktop
do shell script "defaults write com.apple.finder CreateDesktop -bool true; killall Finder"
# Show all windows
tell application "System Events"
set visible of (every process) to true
end tell