​​​​​​​​Part 4:

In recent years, instagram.com has seen a lot of changes — we’ve launched stories, filters, creation tools, notifications, and direct messaging as well as myriad other features and enhancements. However, as the product grew, one unfortunate side effect was that our web performance began to suffer. Over the last year, we made a conscious effort to improve this. Our ongoing efforts have thus far resulted in almost 50% cumulative improvement to our feed page load time. This series of blog posts will outline some of the work we’ve done that led to these improvements.

⏱ 7 min read

🔘 #Performance

​​Learn how to optimize the JavaScript bundle by minizming how much code is transpiled.

⏱ 6 min read

🔘 #Performance #Webpack #JavaScript

​​50% faster server-side rendering, 22% faster client-side rendering, 31% smaller bundle size, RTL support and no breaking changes! 😍💯🎉💅

⏱ 4 min read

🔘 #JavaScript #CSS

​​Today one of my favorite teachers, Brad Traversy, published an overview of what he recommends you learn to become a web developer in 2020.

⏱ 10 min read

🔘 #Programming

​​One of the problems in web development today is the entangling of different layers. Not only do we face strong coupling to multiple dependencies, but we also wire logical code directly to some styling or presentation layer. The end result may still be easier to reuse than similar code some years ago, but it is definitely more difficult to reuse than it should be.

⏱ 7 min read

🔘 #React

​​You might have used Chrome’s Developer Tools to profile your JavaScript to improve performance or find bottlenecks.

⏱ 7 min read

🔘 #Performance

​​ReactJS is a frontend Javanoscript library which is loved by software engineers and people in the industry due to it’s performance, ease of syntax and component based approach.

⏱ 3 min read

🔘 #React #Interviews

​​​​Documentation makes your reusable components comprehensible and discoverable. It is a crucial part of every component library.

⏱ 5 min read

🔘 #Documentation #React

​​A step by step guide to understand the core concepts and build a first extension.

⏱ 5 min read

🔘 #NodeJS

​​Contributing to a design system should be simple, even if you aren’t on the core team. Find it, change it, publish it, and everyone uses it! Easy peasy.

⏱ 20 min read

🔘 #Styleguides

​​​​5 SEO lessons learned by writing 1 blog post every day for 2 years

⏱ 5 min read

🔘 #SEO

​​I’ve been familiar with the “progressive web app” (PWA) concept for a while now. But there’s always been an itch in the back of my mind about it.

⏱ 8 min read

🔘 #PWA

​​How to make sure the noscript of your React SPAs is accessible to assistive technologies? 🤔

⏱ 5 min read

🔘 #React #a11y #SPA

​​Recently I had to decide what technology to use for a large javanoscript project to make ajax calls. If you are using JavaScript, you have different chances to make call requests.

⏱ 6 min read

🔘 #JavaScript

​​​At the time of writing this, React Router v6 is still in alpha, but the time is about right to start playing with it and exploring what’s to come. This guide will give you a peek at the new features/changes!

⏱ 5 min read

🔘 #React

​​I was always interested in color science. In 2014, I gave a talk about CSS Color 4 at various conferences around the 🌎 ...

⏱ 7 min read

🔘 #CSS

​​Determining what this is is actually rather simple. The overarching rule is that this is determined at the time a function is invoked by inspecting where it’s called, its call site. It follows these rules, in order of precedence.

⏱ 4 min read

🔘 #JS