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 | ||
β |
- βοΈπππποΈSci-Hub by Alexandra Elbakyan. The first pirate website in the world to provide mass and public access to tens of millions of research papers.
- ββππ Pragmatic Thinking and Learning by Andy Hunt. [the Pragmatic Bookshelf] [Amazon.com].
- βοΈππΊπMaking Badass Developers by Kathy Sierra. A talk on how to learn faster and more efficiently.
- βοΈππΊπ What the heck is the event loop anyway? by Philip Roberts.
- βοΈππΊπ Further Adventures of the Event Loop by Erin Zimmer.
- βπΊπAsynchrony: Under the Hood by Shelley Vohr.
- βοΈπΊπJavaScript Engines: The Good Partsβ’ by Mathias Bynens and Benedikt Meurer.
- βοΈππ§ Promises and Custom Errors for better debugging.
- βοΈππΊπ§ Simply React (Composable & Extensible Components) by Kent C Dodds.
- βοΈππΊπ»ππ§ mobx-state-tree (MST) tutorial by Michel Weststrate. Somewhat outdated; doesn't work quite right with TypeScript; doesn't cover debugging and other in-depth tool; only great as a shallow introduction.
- βππ§ awesome-react-hooks: React Hooks third-party reference.
- βοΈππΊπ§ CSS Grid Changes Everything (About Web Layouts) by Morten Rand-Hendriksen.
- βποΈ Flexbox Froggy
- βοΈπποΈ Grid Garden
- βοΈππ§ VS Code: extensible code editor.
- βοΈππ§ LaTeX Workshop: Boost LaTeX typesetting efficiency with preview, compile, autocomplete, colorize, and more. Requires TeX Live.
- βοΈππ§ Markdown All in One: enables Markdown support.
- βπ§ Jest Snippets (extension)
- βπ§ ES7 React/Redux/GraphQL/React-Native snippets (extension)
- βπ§ Word Count. Counts words in Markdown. Helpful to assess script reading time.
- βοΈππ§ Git Bash: bash for Windows (part of Git).
- βοΈππ§ ConEmu: multiple console terminal for Windows.
- βοΈππ§ Yarn: alternative NPM package manger.
- βοΈππ§ nvm-windows: Node.js version manager for Windows.
- βοΈπ 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
- βοΈπ @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.
- β 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.
- βοΈπ Debug Jest tests via VS Code
- βοΈππ§ 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
- 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.