olitreadwell/awesome-olitreadwell

awesome-olitreadwell

A curated list of awesome stuff Oli Treadwell likes

Table of Contents

• Visual Studio Code
  • Visual Studio Code Live Share
  • Visual Studio Code Source Control Tab
  • Visual Studio Code Extensions
    • axe Accessibility Linter
    • ESLint
    • Live Preview
    • Prettier
    • W3C Web Validator
• Software Engineering Best Practices
  • Frontend
  • HTML
  • JavaScript
  • ReactJS
  • READMEs
• Contribute

Visual Studio Code

Visual Studio Code Live Share

Visual Studio Code Live Share is a tool that allows you to share your code with others in real time. It's great for pair programming, or for getting help from a friend.

• Microsoft Visual Studio Code Live Share Extension
• Install and sign in to Live Share in Visual Studio Code
• LiveShare Docs GitHub Repo: MicrosoftDocs/live-share

Visual Studio Code Source Control Tab

The Source Control tab in Visual Studio Code allows you to manage your Git repositories without leaving the editor.

• Source Control with Git in Visual Studio Code

Visual Studio Code Extensions

axe Accessibility Linter

The axe Accessibility Linter extension for Visual Studio Code allows you to find and fix accessibility issues in your code.

• axe Accessibility Linter - Visual Studio Marketplace

ESLint

ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs.

• ESLint - Visual Studio Marketplace
• ESLint - Pluggable JavaScript linter- Official Website
• ESLint - Pluggable JavaScript linter - GitHub Repo
• How To Lint and Format Code with ESLint in Visual Studio Code | DigitalOcean

Live Preview

I prefer this over Live Server because it is being actively maintained, is built by Microsoft, and has more features.

• Live Preview - Visual Studio Marketplace

Prettier

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

• Official Prettier Website - https://prettier.io/
• Prettier - Code formatter - Visual Studio Marketplace
• How To Format Code with Prettier in Visual Studio Code | DigitalOcean

W3C Web Validator

The W3C Web Validator extension for Visual Studio Code allows you to validate HTML and CSS files for compliance against W3C standards.

• W3C Web Validator - Visual Studio Marketplace

Software Engineering Best Practices

Here are some resources for best practices in software engineering.

Frontend

• GitHub - thedaviddias/Front-End-Checklist: 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
• GitHub - bendc/frontend-guidelines: Some HTML, CSS and JS best practices.

HTML

• GitHub - hail2u/html-best-practices: For writing maintainable and scalable HTML documents
• GitHub - h5bp/html5-boilerplate: A professional front-end template for building fast, robust, and adaptable web apps or sites.

JavaScript

• Github - ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript
• GitHub - elsewhencode/project-guidelines: A set of best practices for JavaScript projects

ReactJS

• GitHub - alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture

READMEs

• GitHub - othneildrew/Best-README-Template: An awesome README template to jumpstart your projects!

Contribute

This project is not accepting contributions at this time. Please check back later.

Feel free to fork this project and make your own. If you do, please link back to this project.