Interesting Round-Up 1/25/21 - 2/7/21

#javascript #ruby #elixir #typescript

Didn't post anything last week so this covers things I found for the past two weeks. Hope you find something interesting.

CSS

AnimXYZ - The first composable CSS animation toolkit. Pretty cool to try to add animations to your elements without much difficulty. https://animxyz.com/

Tao of React - Software Design, Architecture & Best Practices - Great list of best practices you can be inspired by when doing your React development. As with all best practices, take it with a grain of salt. https://alexkondov.com/tao-of-react/
10 bad TypeScript habits to break this year - Loved this little list of bad habits and I have definitely done in my journey of learning TypeScript. https://startup-cto.net/10-bad-typescript-habits-to-break-this-year/
eslint-config-auto - Cool npm package to might make setting up your ESLint config a lot easier. This is like kitchen sync to cover linting all sorts of things your project might need. I haven't used it yet, but I plan to on one of my projects https://github.com/davidjbradshaw/eslint-config-auto
Don't use functions as callbacks unless they're designed for it - Makes a great point of not just passing a function you have no control over as a callback to an operation your doing. But I think this also makes a great case for just writing tests for your code so you can catch these sorts of errors when they crop up. https://jakearchibald.com/2021/function-callback-risks/
npm 7 is now generally available! - The biggest thing I read from the new npm 7 release is that npm now recognizes the yarn.lock file and will use it AND keep it up to date if you happen to run npm install. https://github.blog/2021-02-02-npm-7-is-now-generally-available/

Object#tap And How To Use It - I learned about tap a couple of years ago while working on a client code base and thought it was pretty useful. This is a great article introducing it to those that have never used it before. https://www.rubypigeon.com/posts/object-tap-and-how-to-use-it/
A better DX for GraphQL Requests - Nifty article explaining how to make your graphql network requests have more information so you can more easily debug. This only works for Apollo though. https://dev.to/praveenpuglia/a-better-dx-for-graphql-requests-2bdc

Optimizing for Free Hosting — Elixir Deployments - Nice walkthrough on how to deploy and not-cost Elixir app to Google Cloud Platform https://damonvjanis.medium.com/optimizing-for-free-hosting-elixir-deployments-6bfc119a1f44
Phoenix UI testing with Cypress, Part 1 - Walkthrough on how to set up your Phoenix project to run Cypress tests locally and on CI. https://sgoettschkes.me/p/phoenix-testing-with-cypress.html