webdevelopment

Weekly Web Roundup - 01

  • 05 January, 2018

The year has barely started and everything is already on fire🔥. Luckily there’s more going on than the crippling vulnerabilities in our CPU’s. In this post I’ve rounded up my favorite articles, tweets and thoughts about web development from the first week of 2018. Enjoy!

News

Meltdown & Spectre

Don’t panic! Meltdown and Spectre aren’t new JavaScript frameworks you need to learn. They’re vulnerabilities that seem to affect almost any CPU built since ‘95. You may panic now.

The vulnerabilities that researchers found could potentially be used to intercept passwords, logins and other credentials… without a trace! There’s not much you can do at the moment but making sure your software is updated and keep an eye on the developments. In any case, Meltdown and Spectre will have implications for a long time to come. On a positive note, the logo’s of Meltdown and Spectre are pretty cool.

Articles

Productivity

Tackling routines with Dave Geddes

On Twitter, Coding guru Kent C. Dodds shared a nice article on routines and how to keep to them going. It’s written by Dave Geddes who you might know from his Flexbox Zombies and Grid Critters tutorial games. In any case, Dave has a few points that really resonate with me, like how hard it is to go in bed in time when the internet is still on your mind:

My new routine starts at 10:00PM every night (a successful morning routine starts the night before). When 10PM rolls around I feel very little desire to shut my brain/computer down and start getting ready for bed.

Nowadays I try and read a (fiction!) book before I get to bed. This allows me to concentrate on something unrelated to my work and as a side-effect, makes me sleepy.

Do you have any routines to make sure you start the next day fresh?

Productivity Links

React

Upgrading to React 16 with DriveTribe

If you’re really into cars you might know Drivetribe, a community driven site about… cars. I’m more interested in their tech stack as they seem to be pretty serious about their development. Matt Perry, drive-tribe engineer, creator of Popmotion and all-round smart guy has written a great article on upgrading the DriveTribe stack to React 16 which turned out to be pretty easy, especially if you know that React Router v3 is actually compatible. Read the article on the DriveTribe engineering blog.

React Links

Accessibility

Accesibility for Everyone by Laura Kalbag

I finally got around to finishing Laura’s book on accessibility. It’s a great resource and even though it’s a bit dry (but which tech book isn’t) it’s very emphatically written and is almost a full guide on how to make your apps and webpages inclusive. To me, this book seems like one of these must-haves for every development agency. Buy Accesibility for everyone on a book apart.

I also made some notes on the book

Accessibility links

General

  • iOS throttles requestAnimationFrame to 30fps in cross-origin iframes and low power mode. On popmotion blog
  • On that note, if you haven’ tried Popmotion yet, you should! It’s hands down the most impressive animation library I’ve worked with since Greensock.
  • Scrollarama is a scroll based storytelling library based on the intersection observer. As the Intersection Observer API is pretty easy I’m not sure if you need a library for htis, but it looks good. (Also, wasn’t there something performance problem with Intersection Observer and timing based animations?)
  • Zell Liew has released his JavaScript course ‘learnjavascript.today’ which will attempt to completely demistify JavaScript for front-end developers
  • The WordPress community always seems to be up in arms about something or the other. At the moment the subject is Gutenburg, the upcoming(?) editor for the WordPress CMS. Webdev studios wrote a great piece on how Gutenberg might affect your current content.
  • Smashing Magazine released a big front-end performance checklist and it’s awesome.
  • A new JavaScript framework? Another one won’t hurt. Svelte is the new kid on the block and it looks really easy and convinient. I haven’t tried it yet.
  • Almost forgot, but Sarah Drasner made this amazing JS Object explorer to help you figure out which methods to apply. It’s amazing.

What have I been up to?

Reading ‘Functional-Light JavaScript’ by Kyle Simpsons

Kyle Simpsons ‘You Don’t Know JavaScript’ series have been a great help in my path to a deeper understanding of the language. Because I haven’t worked with any other programming languages, I didn’t know JavaScript is a bit of an odd duck. There’s no one way to write good JavaScript and there are a multitude of concepts and paradigms you can apply to the language. ‘Functional-Light JavaScript’ by Kyle Simpsons seems to be the introduction to Functional Programming I needed, and so far the book has been greatly interesting. The book is published on Leanpub but also available for free on Github. Don’t forget to give Kyle some support!

ES6 Classes

Speaking about paradigms; I wanted to write a simple article on ES6 classes as it seems like a lot of people just use them because they came with the framework. Little did I know I’d tumble down the rabbit hole and am now also writing about paradigms, general prototype inheritance and trying to find some middle ground between pro- and anti class camps within JavaScript.

Gatsby Starter

It’s no secret I’m a fan of Gatsby and the concept of static site generators based on React. More for myself than anyone else I made the gatsby skeleton starter markdown to always have a SEO friendly PWA as starting point of my web app.

Reading ‘Getting things done’… again

The last time I was reading Getting Things Done(GTD) I quit halfway through, which is not a good sign for a book that claims to help you getting things done. But I assure you that I did pick up a lot from it. The book just gave me a sort of anxiety after a while, like I needed to be constantly classifying, organizing and structuring every single step in my life. I don’t think life is, or should be, that rigid. In any case, I’m giving it another go.

Shower thoughts

Read more fiction

Why is it that every time a developer advises a book it’s “12 ways to become a ninja warrior of effectiveness?“. Fiction books are so much more fun and relaxing. They’re like your favorite movies and television shows, only without the screen and anxiety. A book series I’ve been greatly enjoying is the ‘Themis files’ by Sylvain Neuvel. Something I love about modern authors is that I can pester them on twitter and they answer!

Everything is broken

If the web is ‘broken’, apps are even more so!

The React team is really cool

Although I actively dislike Facebook as a concept, I love React and their core team. I’m amazed by their involvement and even though it’s such a huge library with countless of plugins and adaptions, you will probably still come across a React Core member replying to a Github issue in a repository with 5 stars. 👏

Fin

And on that note I’ll end this newsletter! I hope you enjoyed my web week. If this article is appreciated, I will try and publish something weekly or bi-weekly. Also, any tips on the format are most welcome.

Did you enjoy this article or would you like to tell me that I'm wrong? Follow me on Twitter or send me an e-mail!