/Scribble

Scribble on the side of my notebook

MIT LicenseMIT

Scribble

un-md

Legend

Status Review Kind Format
βœ”οΈ have read/used ❗ important πŸ”§ practice πŸ’» course
βž– have not read/used yet πŸ‘ liked πŸ“„ theory πŸ“Ί video/presentation
πŸ‘‹ mixed feelings πŸ‹οΈ exercise 🌐 website
πŸ‘Ž disliked πŸ—„οΈ database
❌

Learning Materials

Metalearning

JavaScript

Cloud

Certification

AWS vs Azure vs GCP

Front-end

Accessibility (A11y)

Node.js

React

Microservices

CSS

Building Tools

Windows

Global NPM packages

  • βœ”οΈπŸ‘ create-react-app: Create React apps with no building configuration.
  • βœ”οΈπŸ‘ @angular/cli: Scaffold Angular apps.
  • βœ”οΈπŸ‘ vue-cli: A simple CLI for scaffolding Vue.js projects.
  • βœ”οΈπŸ‘ generator-node-typescript: A minimal Yeoman Generator for creating NodeJS modules using TypeScript.
  • βœ”οΈπŸ‘ lerna: A tool for managing JavaScript projects with multiple packages.
  • βž– nodemon: Simple monitor script for use during development of a node.js app.
  • βœ”οΈπŸ‘ hotel: Local domains for everyone and more!
  • βœ”οΈπŸ‘ json-server: Serves JSON files through REST routes.
  • βœ”οΈπŸ‘ npm-check-updates: Find newer versions of dependencies than what your package.json or bower.json allows.
  • βœ”οΈπŸ‘ http-server: A simple zero-configuration command-line http server.
  • βœ”οΈπŸ‘ serve: Serve static files.
  • βœ”οΈπŸ‘ source-map-explorer: Analyze and debug space usage through source maps.
  • βœ”οΈπŸ‘ yeoman: Rails-inspired generator system that provides scaffolding for your apps.
  • βœ”οΈπŸ‘ tldr: Simplified and community-driven man pages.

Install individually via yarn global add <package-name>

...or install 'em all:

npm install --global create-react-app @angular/cli vue-cli generator-node-typescript lerna nodemon hotel json-server npm-check-updates http-server serve source-map-explorer yo tldr

React packages

  • βœ”οΈπŸ‘ @material-ui/core: React components that implement Google's Material Design.
  • βœ”οΈπŸ‘ react-loadable: A higher order component for loading components with dynamic imports.
  • βœ”οΈπŸ‘ react-markdown: Render Markdown as React components.
  • βœ”οΈπŸ‘ react-pdf: Display PDFs in your React app as easily as if they were images.

Candidates

  • βž– flowchart.js: Draws simple SVG flow chart diagrams from textual representation of the diagram.
  • βž– gitgraphjs: A JavaScript library to draw pretty git graphs.
  • βž– git-also: For a file in a git repository, prints other files that are most often committed together.
  • βž– packagephobia: Find the cost of adding a new dependency to your project.
  • βž– jscpd: Copy/paste detector for programming source code.
  • βž– c8: Code-coverage using Node.js' build in functionality that's compatible with Istanbul's reporters.
  • βž– forever: A simple CLI tool for ensuring that a given script runs continuously (i.e. forever).
  • βž– semantic-release: Fully automated version management and package publishing.
  • βž– Puppeteer: provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium.
  • βž– FuseBox: A blazing fast js bundler/loader with a comprehensive API πŸ”₯.
  • βž– Storybook: The UI Development Environment You'll β™₯️ to use.
  • βž– jsonata: JSON query and transformation language.
  • βž– TensorFlow.js: A JavaScript library for training and deploying ML models in the browser and on Node.js.
  • βž– enzyme: JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output.
  • βž– react-testing-library: Simple and complete React DOM testing utilities that encourage good testing practices.
  • βž– graphql-inspector: GraphQL Inspector outputs a list of changes between two GraphQL schemas. Every change is precisely explained and marked as breaking, non-breaking or dangerous.
  • βž– SonarTS: Static code analyzer for TypeScript detecting bugs and suspicious patterns in your code.
  • βž– axe-core: Axe is an open source rules library for accessibility testing. It was developed to empower developers to take automated accessibility testing into their own hands and to avoid common pitfalls of other automated accessibility tools. Found here; some examples.
  • βž– Gatsby: Blazing fast modern site generator for React.
  • βž– PragmataPro: PragmataProβ„’ is a condensed monospaced font optimized for screen, designed by Fabrizio Schiavi to be the ideal font for coding, math and engineering.

Recipes

Productivity Tools

  • βœ”οΈπŸ‘πŸ”§ Greenshot: The most awesome tool for making screenshots on Windows.
  • βœ”οΈπŸ‘πŸ”§ ScreenToGif: Screen, webcam and sketchboard recorder with an integrated editor. Because showing an animation is worth 1000 of pictures.
  • βœ”οΈπŸ‘πŸ”§ Emojipedia: Quick'n'dirty replacement for SVG icons.
  • βœ”οΈπŸ‘‹πŸ”§ Brave: Secure, Fast & Private web browser with Adblocker. Browser has multiple -- sometimes very limiting -- issues

Blogs

  • Google DevTools: blog.
  • Hillel Wayne: blog and twitter. Hillel Wayne is a software consultant who specializes in formal methods and specification. He also writes on empirical engineering, software history, and education. In his free time, he juggles and makes chocolate. Author of Practical TLA+: Planning Driven Development.
  • Dr. Alan E. Kazdin: blog. Dr. Alan E. Kazdin is Sterling Professor of Psychology and Child Psychiatry at Yale University and Director of the Yale Parenting Center. He was the 2008 President of the American Psychological Association and is the author of 49 books for professional-audiences on topics of parenting and child rearing, child psychotherapy, cognitive and behavioral treatments, and interpersonal violence.
  • The Black Swan Group: blog.