March 31st, 2021 · 13 min read
33rd issue! If you missed them, you can read the previous issues of our Web Developer Monthly newsletter here.
Being a web developer is a fantastic career option. You have many job opportunities, you can work around the world, and you get to solve hard problems.
One hard thing, however, is staying up to date with the constantly evolving ecosystem. You want to be a top-performing web developer, coder, programmer, software developer, but you don’t have time to select from hundreds of articles, videos and podcasts each day.
This monthly newsletter is focused on keeping you up to date with the industry, keeping your skills sharp, without wasting your valuable time. I curate and share the most important articles, news, resources, podcasts and videos of the month.
I'm sure you keep hearing this term but if someone asked you to explain it to them, would you be able to? No? If that's the case, then you should learn all about it in probably the best tech talk I have ever heard to date. Enjoy.
Some tools and assets to help you build your next project since we are best friends by now (unless this is your first time reading my articles… in that case let’s take things slow):
For those of you who don't know, the ZTM team and I list our all-time best free resources here for you. Or... you can go back and read all 32 of the previous issues (wow, we're almost at 3 years of WDM!) of Web Developer Monthly. That's a joke. Don't do that!
HTTP is great. However, with any sort of technology that is developed before all its use cases are realized, there is going to be some WTF moments. This is what this article is about. Fun read.
Also a reminder that nothing is more WTF than humans.
Mostly everyone's favourite frontend library. What crazy things have they been up to?
--> 1. Verify you’re running a production build. (Development builds are intentionally slower).
-->2. Verify that you didn’t put the state higher in the tree than necessary.
-->3. Run React DevTools Profiler to see what gets re-rendered, and wrap the most expensive subtrees with
memo(). (And add
useMemo() where needed.) ... but before you memo()....
No I'm not talking about a Scandinavian hot baths and great hot stone massages, but the Single Page Application world. The Development world is in constant flux, and what was one day "cool", may not be in the future. In this article, the author shares some of the things they have learned about SPAs along the way.
Don't worry, they aren't going anywhere! Just need to decide when to use them. There are always pros and cons to everything in this industry.
In order to compete with the dominance of the very intrusive Google Search, the Brave browser team are working on their own search engine. No IP addresses will be collected and the company promises no tracking, no profiling – and may even offer a paid-for, no-ad version.
Google is also working towards something called FLoC which will help keep your privacy better on google products... NOT (muahahaha 😈).
Why is Coffeyville, Kansas sending large amounts of traffic in Google Analytics? Why is Coffeyville so unique? Super interesting answer here.
Everyone wants to be an expert. But what does that even mean? Experts don’t prove themselves by using every piece of the spec; they prove themselves by knowing the spec well enough to deploy syntax judiciously and make well-reasoned decisions. This is how experts become multipliers—how they make new experts. A fantastic read.
So you need to load a font to a user's page? Here is the best font loading strategies and how to execute them. Not much more to say...
If this is not the coolest project to build, then I'll be damned... Ever wanted to create your own planet? Share your creation with us by tweeting @andreineagoie and @zerotomasteryio. I'll be playing around with this, this weekend.
Recreating Real-World Planets With React, Three.js & WebGL.
Ps here is an article comparing React with Svelte.
Have you heard of Generics before? It's a common discussion for those who love to compare "features" of a programming language.
A fundamental concept in programming is DRY - Don’t Repeat Yourself. Abiding by this principle means writing code that isn’t full of needless repetition. You can abstract common functionality in to utility functions that are then shared across many files. Generics are simply a tool that allows you to apply this principle alongside the types you are implementing. Here is all you need to know about Generics in TypeScript.
Web developers come up with the coolest sounding names. This one comes from the marriage of Static Site Generator + Server Side Rendering. What happens if these two are combined to make a baby? You get Incremental Static Regeneration. This is how it works.
A new proposed standard which allows websites to define security policies. Whether it takes off, only time will tell, but an interesting idea worth keeping an eye on.
This article shows you the thought process of a person who has an idea, and how to execute it with your programming skills. Sometimes we get stuck in "what to build?" vortex where we try to just build generic projects. Hopefully this gives you inspiration to go beyond another Tic Tac Toe project.
Ps if you are weirdly obsessed with emojis, then enjoy this you weirdo.
Sometimes you want to hide content from the user on the web. There are many ways to do this... but WHAT IS THE RIGHT WAY? Think about this, then click here for the answer.
While we are on the topic of CSS, how about learning about CSS Generators.
Although this article is written to promote a software product, it does go over the history of software, where we are today, and where we might be headed. I found it super fascinating and I hope you like it too (I share these types of articles since I imagine regular Web Dev articles about new React tricks are everywhere). Articles like these really make you think... and hopefully it's why you keep reading my newsletter 😜.
Did you know about this? The Data Transfer Project was launched in 2018 to create an open-source, service-to-service data portability platform so that all individuals across the web could easily move their data between online service providers whenever they want. Think of it this way: you having to only create 1 profile across all web pages you use. The idea is that this will allow you to switch to competitors without thinking you will lose all those amazing instagram photos and 53 followers you can't live without. Big companies are part of this movement. Keep an eye on this.
Why would companies want to do this? Maybe they are afraid of Solid...
This article blew my mind. Learn everything there is to know about button design. At the end of the day, they may be the most important components of our apps as it is a sign of an action that we want a user to take. How can you make it better?
The world keeps moving along and Deno keeps getting better and better. These small incremental changes are behind the growing interest in the Deno space. It feels like every month there is more and more interest in the community. Exciting times! Deno 1.8 is here.
Also, Deno is getting some big money.
Catch this wave before everyone else is riding it by learning Deno here.
Just because we had a ton of these this month, I've added them into this section. Check out these shiny new/interesting things:
Generalists vs specialists - who has a greater chance of success? The React specialist, or the Full Stack developer? An interesting article explores this debate that echos beyond the tech world, into every parts of our life. The answer isn't as easy as you may think.
Once you read the above, then dive into this article to learn how to develop your personal "Talent Stack".
See you next month everyone!
If you haven't already, subscribe below to receive Web Developer Monthly next month along with exclusive ZTM posts and offers. If you're already subscribed, please share it with someone (use those little widgets on the left) who might find it useful, they'll love you and so will we!
By the way, I teach people how to code and get hired in the most efficient way possible as the Lead Instructor of Zero To Mastery Academy. You can see a few of my courses below or see all ZTM courses here.