Skip to content

Instantly share code, notes, and snippets.

View ryanrabello's full-sized avatar
🦄

Ryan Rabello ryanrabello

🦄
View GitHub Profile
@ryanrabello
ryanrabello / build-and-deploy.yml
Last active April 26, 2023 21:03
Github action deploy vite to github pages
# Setup
# 1. Create a .github\workflows\build-deploy.yml file
# 2. Copy the contents of this file into it
# 3. Change '<PUBLIC_URL>' in the build step to match your repository name (in most cases)
# Simple workflow for deploying static content to GitHub Pages
name: Build and deploy vite to GH Pages
on:
# Runs on pushes targeting the default branch
@ryanrabello
ryanrabello / ryan.css
Created October 29, 2022 03:44
Ryan css
/*some css vars*/
:root {
--standard-margin: 0.5rem;
--primary-color: rgb(99, 102, 241);
--border-radius: 0.375rem;
--border-color: rgba(209, 213, 219, 1);
}
body {
margin: 0;
@ryanrabello
ryanrabello / MyResponsiveComponent.js
Created August 16, 2019 03:48 — forked from gaearon/MyResponsiveComponent.js
Examples from "Making Sense of React Hooks"
function MyResponsiveComponent() {
const width = useWindowWidth(); // Our custom Hook
return (
<p>Window width is {width}</p>
);
}
@ryanrabello
ryanrabello / nvmCommands.js
Last active August 16, 2019 03:47 — forked from chranderson/nvmCommands.js
Useful NVM commands
// check version
node -v || node --version
// list installed versions of node (via nvm)
nvm ls
// install specific version of node
nvm install 6.9.2
// set default version of node