Technical Resources
Editors
- Current editor: Visual Studio Code
Current theme: Trying out SynthWave '84 with the `glow` enabled. Previously Monokai - Used to/sometimes use Sublime Text
With Monokai SL Theme
AWS
GraphQL
- gqless A GraphQL client without queries?
Academind has a pretty good Node/GraphQl/Reacttutorial series on youtube.
It walks you through building out a Node GraphQl API using express,express-graphql, a MongoDB database, and moongoosejs.
It's a good example of implementing a GraphQl API but mostly it raised a bunch of questions as to how something like express-graphql works under the hood.
TypeScript
- TODO
CSS
Redux
Newsletters and Blogs
- Andrew Bosworth- VP Facebook Reality Labs
- Hardcore Software: Inside the Rise and Fall of the PC Revolution
- Cassidy Williams writes rendezvous with cassidoo about all things web development.
- Maggie Appleton produces cool sketchnotes about web development and technology.
- Nicholas C. Zakas writes Human who codes about software engineering with a focus on JS.
- Not a newsletter but Nikita Voloboev's brain dump looks interesting
Quality
- Uber built a tool called Piranha to find and delete dead code
- Google has a technical writing course
Frameworks and Libraries
- Kaboom- a Javascript game programming library that helps you make games fast and fun.
- Hugo- open-source static site generator in Go (aka Golang)
- Fuse.js- 'a powerful, lightweight fuzzy-search library, with zero dependencies.'
- Astro- similar to a static-site generator but with optional live JS on certain components. "Islands of interacyivity"
- Mint a programming language for writing single page applications- StackOverflow article
- Fastify- Like Express. Web framework for Node. Read about it here
- Proton Native- Create desktop applications through a React syntax, on all platforms. (like electron?)
- hyperapp [github]- small UI library
- Node-RED- a low-code visual programming tool
Low Code for the Node.js Developer - Nick O Leary, IBM - Checkboxland: Render anything as HTML checkboxes
- Gatsby vs Next.js
- Next.js a React/Webpack/Babel based library for server side rendering
- Gatsby a static site generator tool
UI
- Bumbag build accessible & themeable React applications
- React Spectrum from Adobe "A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences."
- We use too many damn modals
- Styled Components
- Motion Layout for hero animations
- Evergreen React UI Framework
- LottieFiles some sort of animation file format?
- Braid Design System a themeable design system
- SwiftUI
Accessibility
- tota11y an accessibility visualization toolkit
- Making Facebook.com accessible to as many people as possible
- 13 ways to level up your site's accessibility ✨
- Mac Voiceover Guide
- Under the hood: Building accessibility tools for the visually impaired on Facebook
- Accessibility Insights for testing accessibility
Patterns
Assorted
- danluu
- sonniesedge blog site
- What the fuck is
And What the fork is by Dan Abramov - Classic Programmer Paintings
- The Twelve Factor App
- Thoughtworks Technology Radar
- StackShare listst the technical stacks of many major companies
- Slashdot for random tech news
- Calm Tech
Mentorship
Articles
- Software development is a loser’s game
- XY Problem is a communication problem encountered in help desk and similar situations in which the person asking for help obscures the real issue, X, because instead of asking directly about issue X, they ask how to solve a secondary issue, Y, which they believe will allow them to resolve issue X. However, resolving issue Y often does not resolve issue X, or is a poor way to resolve it, and the obscuring of the real issue and the introduction of the potentially strange secondary issue can lead to the person trying to help having unnecessary difficulties in communication and/or offering poor solutions.
- The Joel Test: 12 Steps to Better Code (Hacker News thread)
- The Dao of Immutability by Eric Elliot
- Getting Started with Progressive Web Apps
- From Earth to orbit with Linux and SpaceX
- Become a better godfather for your React components by Marios Fakiolas- Notes on component naming
- Kelly Johnson's 14 Rules and Practices (Lockheed Martin Skunkworks)[Notes]
- The Coronavirus Crisis Is Showing Us How to Live Online from the NY Times
- Why The Name: An IT-etymology/linuxguistics page for people wondering "how come the package yasysmand-cling has such a strange name?"
"How I think about solving problems" - Human who codes
- Is this really a problem?
- Does the problem need to be solved?
- Does the problem need to be solved now?
- Does the problem need to be solved by me?
- Is there a simpler problem I can solve instead?
I've seen versions of this list in the past, but thinking about this list in relation to concrete examples of software engineering was a good refresher.
- Web Security Essentials Sketchnote by the illustrated dev
Long read: The History of the URL
This particular paragraph really pulled some concepts together for me:
To put this in context, you can think of the networking system the Internet uses as starting with IP, the Internet Protocol. IP is responsible for getting a small packet of data (around 1500 bytes) from one computer to another. On top of that we have TCP, which is responsible for taking larger blocks of data like entire documents and files and sending them via many IP packets reliably. On top of that, we then implement a protocol like HTTP or FTP, which specifies what format should be used to make the data we send via TCP (or UDP, etc.) understandable and meaningful. In other words, TCP/IP sends a whole bunch of bytes to another computer, the protocol says what those bytes should be and what they mean.
Repos
I haven't gone through all of these yet but they look good!
- Swiper- Most Modern Mobile Touch Slider
- Blitz.js Like Rails for JS/React
- Momoa JSON parses JSON and creates an abstract syntax tree
- Tauri, another native desktop app framework
Creating Tiny Desktop Apps With Tauri And Vue.js - Madge for generating dependency graphs
- Neutralino a lightweight alternative to Electron
- build-your-own-x: Build your own (insert technology here) by Daniel Stefanovic
- coding-interview-university a technical interview prep plan.
- system-design-primer: how to design large-scale systems
- public-apis: A collective list of free APIs for use in software and web development.
- Web developer roadmap
- JavaScript Algorithms and Data Structures: JavaScript based examples of many popular algorithms and data structures.
- Not a repo but another list of public APIs A Curated List of 100 Cool and Fun Public APIs to Inspire Your Next Project
Books
- Zero Bugs and Program Faster by Kate Thompson (ISBN: 9780996193306) - Notes
- The Pragmatic Programmer: From Journeyman to Master by Andrew Hunt and David Thomas (ISBN: 0-201-61622-X) - Notes
- Zero to One: Notes on Startups, or How to Build the Future by Peter Thiel with Blake Masters (ISBN: 978-0-8041-3929-8) - Notes