ββA few days ago I was writing my bi-annual review, and I was thinking of how I could include some meaningful metrics about the success of our design system in Badoo.
β± 12 min read
π #DesignSystems
β± 12 min read
π #DesignSystems
Medium
Measuring the Impact of a Design System
Visualising the positive impact on the work of a team of UI engineers, by the adoption of a design system.
ββAt Torii, we decided to go the no-ops path as much as possible meaning weβll focus all our efforts on our product and not on operations. While we enjoy doing devops, thatβs not our main focus as a company.
β± 8 min read
π #Serverless #AWS #Lambda
β± 8 min read
π #Serverless #AWS #Lambda
Medium
Lessons Learned β A Year Of Going βFully Serverlessβ In Production
At Torii, we decided to go the no-ops path as much as possible meaning weβll focus all our efforts on our product and not on operationsβ¦
ββ127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less β Part 1 of 6
β± 3 min read
π #JavaScript
β± 3 min read
π #JavaScript
Medium
127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or LessβββPart 1 of 6
JavaScript is one of the most popular languages you can learn
ββ127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less β Part 2 of 6
β± 2 min read
π #JavaScript
β± 2 min read
π #JavaScript
Medium
127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or LessβββPart 1 of 6
JavaScript is one of the most popular languages you can learn
ββ127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less β Part 3 of 6
β± 2 min read
π #JavaScript
β± 2 min read
π #JavaScript
Medium
127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or LessβββPart 1 of 6
JavaScript is one of the most popular languages you can learn
ββ127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less β Part 4 of 6
β± 2 min read
π #JavaScript
β± 2 min read
π #JavaScript
Medium
127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or LessβββPart 1 of 6
JavaScript is one of the most popular languages you can learn
ββ127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less β Part 5 of 6
β± 2 min read
π #JavaScript
β± 2 min read
π #JavaScript
Medium
127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or LessβββPart 1 of 6
JavaScript is one of the most popular languages you can learn
ββ127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or Less β Part 6 of 6
β± 3 min read
π #JavaScript
β± 3 min read
π #JavaScript
Medium
127 Helpful JavaScript Snippets You Can Learn in 30 Seconds or LessβββPart 1 of 6
JavaScript is one of the most popular languages you can learn
ββMemes are great - they're such a fun way of describing ideas and opinions. So it's no coincidence that I picked a meme generator app as the capstone project in my free React course on Scrimba. The app works by pulling a random meme image from an API and placing your text over the top of it to create your very own, personalized meme.
β± 8 min read
π #React
β± 8 min read
π #React
freeCodeCamp.org
Learn React by Building a Meme Generator
Memes are great - they're such a fun way of describing ideas and opinions. So it's no coincidence that I picked a meme generator app as the capstone project in my free React course [https://scrimba.com/g/glearnreact] on Scrimba. The app works by pulling aβ¦
ββWe are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.
β± 9 min read
π #React
β± 9 min read
π #React
pomb.us
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all theβ¦
ββIn their own words: Prism is a lightweight, extensible syntax highlighter β meaning it can be used to highlight code blocks or code samples in a website.
β± 4 min read
π #React #PrismJS
β± 4 min read
π #React #PrismJS
Medium
Get PrismJS working in React
In their own words: Prism is a lightweight, extensible syntax highlighter β meaning it can be used to highlight code blocks or code samplesβ¦
ββJavaScript is famous for the number of frameworks and tools that are created around it every week, and React, being one of the most popular of those frameworks as of late, βsuffersβ a similar fate, causing new developers to get overwhelmed when they attempt to start delving into the technology.
β± 13 min read
π #React #Tools
β± 13 min read
π #React #Tools
Medium
11 Top React Developer Tools for 2020
React developer tools you should add to your toolbox
ββ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.
β± 8 min read
π #Performance
β± 8 min read
π #Performance
Medium
Making Instagram.com faster: Part 1
In recent years instagram.com has seen a lot of changesβββweβve launched stories, filters, creation tools, notifications, and directβ¦
π€ Coding News β‘οΈ pinned Β«ββMemes are great - they're such a fun way of describing ideas and opinions. So it's no coincidence that I picked a meme generator app as the capstone project in my free React course on Scrimba. The app works by pulling a random meme image from an API andβ¦Β»
ββββPart 2:
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.
β± 6 min read
π #Performance
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.
β± 6 min read
π #Performance
Medium
Making Instagram.com faster: Part 2
A series outlining how we improved the page load times of instagram.com by 50%. This entry covers early flushing HTML and pushing data.
ββββββPart 3:
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.
β± 5 min read
π #Performance
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.
β± 5 min read
π #Performance
Medium
Making Instagram.com faster: Part 3 β cache first
In recent years instagram.com has seen a lot of changesβββweβve launched stories, filters, creation tools, notifications, and directβ¦
π€ Coding News β‘οΈ pinned Β«ββWe are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. β± 9 min read π #ReactΒ»
ββββββββ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
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
Medium
Making instagram.com faster: Code size and execution optimizations (Part 4)
Covers approaches to how we improved performance by reducing JavaScript size & making that Javascript execute more efficiently.
ββLearn how to optimize the JavaScript bundle by minizming how much code is transpiled.
β± 6 min read
π #Performance #Webpack #JavaScript
β± 6 min read
π #Performance #Webpack #JavaScript
web.dev
Serve modern code to modern browsers for faster page loads | Articles | web.dev
In this codelab, learn how to improve the performance of an application by minizming how much code is transpiled.