Links of Note Issue #3

It’s been a while, hasn’t it? There are some good things happening right now so I’ve been busy with that. More details as I get them.

Reduce JavaScript Payloads with Tree Shaking

from the article:

The term “tree shaking” comes from the mental model of your application and its dependencies as a tree-like structure. Each node in the tree represents a dependency that provides distinct functionality for your app.

This is something I have just come across recently in talks and on Twitter and it is good to see someone give better details on what tree shaking actually is.

Why GraphQL: Advantages, Disadvantages & Alternatives - RWieruch

from the article:

A GraphQL operation is either a query (read), mutation (write) or subscription (continuous read). Each of those operations is only a string which needs to be constructed accordingly to the GraphQL query language specification. Once such a GraphQL operation reaches the backend application coming from a frontend application, it can be interpreted against the entire GraphQL schema on the backend and resolved with data for the frontend application.

I am going to be learning GraphQL here in a couple weeks. It is a popular querying language and worth checking out, maybe just to compare it to REST and see if it fits what you or your team are trying to build.

What is JSX?

from the article:

I think a critical part of understanding how to use React effectively is understanding JavaScript and JavaScript expressions…As soon as you can transpile JSX in your head, you can use the abstraction more powerfully.

Understanding how Babel or other transpilers compile ES+ syntax into ES5 so browsers can read it is a skill unto itself. It couldn’t hurt to see how this works and Kent does a good job of introducing us to this concept.

JavaScript default parameters

from the article:

Notice that we’re able to take each expression and put it on the right side of the equals sign. If the parameter is undefined then the expression on the right side will be evaluated…It also is possible to use the value of other parameters in our expression…

This makes using falsy and truthy values in JavaScript expressions really easy. Glad to see it in ES+.

That’s All For This Issue

I hope these links are useful to you. If you have any suggestions on how I can improve this segment of the newsletter, hit me up on Twitter.

P.S. If you like what I am doing here, be sure to subscribe, follow me on Twitter, buy me a coffee, a book, or support me on Buy Me a Coffee and share the love. You can also subscribe to this newsletter’s rss feed or you can ask me anything.

👋🏾 Hi. I’m Tiffany White. I am a front-end engineer and instructor. I sometimes contribute to open source, and blog about web development at Tiffany R. White Blog. I love JavaScript, React ⚛️, and herding cats 🐾 🐈