Hand-curated list of awesome resources for developers

michaelgv

Mike

Posted on April 27, 2018

Hand-curated list of awesome resources for developers

There's a million and one resources out there...

and I've only touched a handful of them, here's my personal curated of awesome resources for developers who want a productive impact:

  1. Visual Studio Code (https://code.visualstudio.com/) - hands down, best editor I've used (it's NOT an IDE)

  2. Jetbrains All Products Pack (free for OSS and students! https://www.jetbrains.com/student/ https://www.jetbrains.com/opensource/)

  3. Github Student (https://education.github.com/pack - friends of mine have used this, I've used all the tools and infrastructure offered there however, and I'd give it overall a 8/10)

  4. Vim and emacs (let the sighs begin)

  5. PostgreSQL with DBeaver

  6. Gitlab (free CI/CD, private repos)

  7. Bitbucket (good for business or private code)

  8. Github (OSS is great, hook CircleCI up and you're golden)

  9. CircleCI and TravisCI

  10. NPM

  11. Paratest (bias: I co-maintain this)

  12. Babel, Webpack, React, Angular 5

  13. Material Design (heads up, Material Design Refresh is coming!)

  14. Discord and Slack (preference of mine is Discord due to UI/UX)

  15. SASS, and LESS (new addition: CSS Blocks - https://github.com/linkedin/css-blocks)

  16. Asana (would pick 99/100 times over Jira)

  17. FiraCode font for VSCode

  18. Compassion

VS Code Plugins

I'm a fan of using plugins per-workspace basis, and not globally, however, here's my general preference settings (I use Material Theme for VS Code):

{
    "editor.fontFamily": "'Fira Code',Menlo, Monaco, 'Courier New', monoscape",
    "editor.fontSize": 12,
    "editor.wordWrap": "on",
    "editor.letterSpacing": 0,
    "editor.tabSize": 2,
    "terminal.integrated.shell.osx": "/bin/zsh",
    "workbench.colorTheme": "Material Theme Darker High Contrast",
    "materialTheme.cache.workbench.settings": {},
    "workbench.colorCustomizations": {
        "activityBarBadge.background": "#64FFDA",
        "list.activeSelectionForeground": "#64FFDA",
        "list.inactiveSelectionForeground": "#64FFDA",
        "list.highlightForeground": "#64FFDA",
        "scrollbarSlider.activeBackground": "#64FFDA50",
        "editorSuggestWidget.highlightForeground": "#64FFDA",
        "textLink.foreground": "#64FFDA",
        "progressBar.background": "#64FFDA",
        "pickerGroup.foreground": "#64FFDA",
        "tab.activeBorder": "#64FFDA",
        "notificationLink.foreground": "#64FFDA"
    },
    "telemetry.enableCrashReporter": false,
    "telemetry.enableTelemetry": false,
    "slack.teamToken": "*REDACTED*",
    "slack.username": "*REDACTED*",
    "explorer.confirmDragAndDrop": false,
    "gitlens.advanced.messages": {
        "suppressCommitHasNoPreviousCommitWarning": false,
        "suppressCommitNotFoundWarning": false,
        "suppressFileNotUnderSourceControlWarning": false,
        "suppressGitVersionWarning": false,
        "suppressLineUncommittedWarning": false,
        "suppressNoRepositoryWarning": false,
        "suppressResultsExplorerNotice": false,
        "suppressShowKeyBindingsNotice": true
    },
    "sync.gist": "*REDACTED*",
    "sync.lastUpload": "*REDACTED*",
    "sync.autoDownload": false,
    "sync.autoUpload": false,
    "sync.lastDownload": "",
    "sync.forceDownload": false,
    "sync.host": "",
    "sync.pathPrefix": "",
    "sync.quietSync": false,
    "sync.askGistName": false,
    "sync.removeExtensions": true,
    "sync.syncExtensions": true,
    "workbench.iconTheme": "material-icon-theme",
    "prettier.singleQuote": true,
    "prettier.eslintIntegration": true,
    "prettier.tabWidth": 2,
    "editor.formatOnSave": true,
    "editor.fontLigatures": true,
    "javascript.implicitProjectConfig.checkJs": true,
    "todo.indentation": "  ",
    "todohighlight.isEnable": true,
    "vscode_custom_css.imports": [
        "/opt/nfs/software/vscode/extensions/custom_css/my_src/vscode.css"
    ]
}
Enter fullscreen mode Exit fullscreen mode

Plugins (including theme, icon):

material-icon-theme, material theme, eslint, tslint, jshint, prettier, settings sync, TODO highlight, TODO list generator, autoprefixer, beautify, bracket pair colorizer (saves my code on a daily basis), custom css and js for visual studio code, gitlens, editorconfig, git history, project manager, git project manager, slack, vim, and jira (for legacy projects we still require jira, so why not have the extension)

Hosting Resources

100% Free:

netlify, now, surge

Free and Paid (to scale):

now, surge, heroku, openshift

Subreddits

r/webdev

r/javascript

r/web_design

r/node

r/somebodymakethis

r/angularjs

r/angular

r/reactjs

Last thing!

Don't overwork yourself, you'll burn out.

💖 💪 🙅 🚩
michaelgv
Mike

Posted on April 27, 2018

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related