loading...
Cover image for ⭐ Dev-Cheats: A Curated Collection of Beautiful Cheat-Sheets

⭐ Dev-Cheats: A Curated Collection of Beautiful Cheat-Sheets

godcrampy profile image Sahil Bondre ・2 min read

Cheat Sheets (9 Part Series)

1) 📜 Git Cheat-Sheet [infographic + pdf] 2) 📦 npm Cheat-Sheet [infographic + pdf] 3 ... 7 3) 🎁 Yarn Cheat-Sheet [infographic + pdf] 4) 🦄 The Ultimate Gatsby Cheat Sheet [PDF + Infographic] 5) 🐋 Docker Cheat Sheet [PDF + Infographic] 6) 🌈 VS Code Cheat-Sheet [PDF + Infographic] 7) ✒️ Markdown Cheat-Sheet [PDF + Infographic] 8) 🔍 Regex Cheat-Sheet [PDF + Infographic] 9) ⭐ Dev-Cheats: A Curated Collection of Beautiful Cheat-Sheets

It's live on Product Hunt!

I've been making cheat-sheets on multiple topics in this series of posts. The dev.to community loved it, and I got tons of positive reactions and feedback. So, I created this tiny website from where you can browse through and download all the cheat-sheets.

Alt Text

I've used React and Typescript to make this website. Typescript works flawlessly with create-react-app. The site is deployed on surge.sh, which is a fantastic option for publishing static sites like this.

npx create-react-app my-app --template typescript
# or
yarn create react-app my-app --template typescript

Here's how you can setup the repo to run the site locally:

git clone https://github.com/godcrampy/dev-cheats.git

cd dev-cheats

yarn install && yarn start
# or
npm install && npm start

The site as well as the cheat-sheets are open sourced. Here are the repos:

I'd love to hear your thoughts on the cheat-sheets, the code and the design!

PS: If you want a specific cheat-sheet, open up an Issue in the repo or comment below.

🌟 All my cheat-sheets are in this repo (Star it!)
🚀 Find me on Instagram | Github | Twitter | Website
😄 Have a wonderful day!

Cheat Sheets (9 Part Series)

1) 📜 Git Cheat-Sheet [infographic + pdf] 2) 📦 npm Cheat-Sheet [infographic + pdf] 3 ... 7 3) 🎁 Yarn Cheat-Sheet [infographic + pdf] 4) 🦄 The Ultimate Gatsby Cheat Sheet [PDF + Infographic] 5) 🐋 Docker Cheat Sheet [PDF + Infographic] 6) 🌈 VS Code Cheat-Sheet [PDF + Infographic] 7) ✒️ Markdown Cheat-Sheet [PDF + Infographic] 8) 🔍 Regex Cheat-Sheet [PDF + Infographic] 9) ⭐ Dev-Cheats: A Curated Collection of Beautiful Cheat-Sheets

Posted on Apr 14 by:

Discussion

markdown guide