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!
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.
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?
- If you're looking for more tips, the Smashing Magazine community shared all their best advice on how to be productive in this wonderful article written by Rachel Andrew.
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.
- DriveTribe also released a React intersection observer plugin. It looks really good.
- A year is like decades in webdevelopment. Still, I feel like this React best practices guide to writing React components from the engineers at musefind has some great advice that holds up.
- On popular request there now is an article about Code Splitting in the react guides.
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.
- Are tables accessible by default? Appearantly not! Learn about the
captionelement with Stefan Judis
- MDN web docs has some great info on accessibility as well
- Emily Mears wrote a great article on React and accessibility
- 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?)
- 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.
- Almost forgot, but Sarah Drasner made this amazing JS Object explorer to help you figure out which methods to apply. It's amazing.
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.
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.
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!
If the web is 'broken', apps are even more so!
Wanna feel old?— Thomas "Kick Nazis out, @jack " Fuchs (@thomasfuchs ) January 2, 2018
The HD remake of Monkey Island 2 on the iPad doesn‘t work anymore, it came out about 8 years ago and is no longer compatible. 🏴☠️
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. 👏
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.