andrew--r / frontend-case-studies

Articles like “Building a simple todo list with [framework or technology name]â€? won’t teach you how that framework or technology solves real-world problems and works at a large scale. This document is a curated list of technical talks and articles about real-world enterprise frontend development.

Table of contents

• English
  • AdRoll
  • Aha!
  • Airbnb
  • ALDO
  • Algolia
  • Artsy
  • Australian Broadcasting Corporation
  • Badoo
  • BBC
  • Betty Crocker
  • Bitmovin
  • blogfoster
  • Bloomberg
  • Campaign Monitor
  • Carbon Five
  • Carousell
  • cars.com
  • Checkbot
  • Clearleft
  • Cloudflare
  • Cloud Four
  • CodeSandbox
  • Condé Nast
  • Conductor
  • DAZN
  • De Voorhoede
  • DEV
  • Discord
  • Dropbox
  • eBay
  • Electronic Arts
  • Ele.me
  • Etsy
  • Evil Martians
  • ezCater
  • Facebook
  • fastq.bio
  • Figma
  • Financial Times
  • Flickr
  • Flipkart
  • Flocktory
  • Futurice
  • Garbarino
  • GitHub
  • GitLab
  • Google
  • GOV.UK
  • grammarly
  • Gusto
  • HealthCare.gov
  • Heap
  • in der Apotheke
  • Insider Inc.
  • Instagram
  • Internet Archive
  • Intuit
  • InVision
  • Khan Academy
  • Kickstarter
  • Klarna
  • Line
  • LinkedIn
  • Lucidchart
  • Lyft
  • Mailchimp
  • MDN
  • Medium
  • MemSQL
  • Microsoft To-Do
  • Mixmax
  • Mixpanel
  • Mozilla
  • Mud
  • Myntra
  • Netflix
  • npm
  • OK GROW!
  • OYO
  • Palantir
  • PayPal
  • Pinafore
  • Pinterest
  • Pivotal Tracker
  • Plaid
  • Plotly
  • Product Hunt
  • Quizlet
  • REA Group
  • Reaktor
  • Reddit
  • Redmart
  • repl.it
  • Revolut
  • Roompact
  • Safety Culture
  • Scratch
  • Shopify
  • Skillshare
  • Slack
  • Snipcart
  • Soundcloud
  • Spectrum
  • Spotify
  • Stack Overflow
  • stripe
  • SumUp
  • Superhuman
  • TakeShape
  • The Guardian
  • The Knot Worldwide
  • The New York Times
  • The Telegraph
  • The Times & The Sunday Times
  • The U.S. Digital Service
  • The Wall Street Journal
  • This Also
  • ThomasNet
  • Thread
  • Tinder
  • TinyMCE
  • Tumblr
  • Twitch
  • Twitter
  • Uber
  • Udacity
  • Unity
  • Unsplash
  • Verve
  • Walmart Labs
  • Wikimedia
  • Wingify
  • Wix
  • Yelp
  • YNAB
  • YouTube
  • Zajno
  • Zynga
  • 18F
  • 1Password
  • Miscellaneous
• Russian
  • Amplifr
  • Avito
  • auto.ru
  • Badoo
  • DIRECTUM
  • Flocktory
  • GitLab
  • HeadHunter
  • Mail.Ru
  • Microsoft To-Do
  • Miro
  • Netcracker
  • OneTwoTrip
  • Rambler Group
  • Setka
  • Skyeng
  • Sports.ru
  • Tinkoff
  • Wrike
  • Ð?льфа-Банк
  • Бюро Горбунова
  • ВКонтакте
  • Додо Пицца
  • Леруа Мерлен
  • Медуза
  • ОдноклаÑ?Ñ?ники
  • Сбербанк
  • Ситимобил
  • ЦИÐ?Ð?
  • ЯндекÑ?
  • ЯндекÑ?.Деньги
  • 2ГИС
• License

English

AdRoll

• Lazy loading Backbone collections with Promises (November 12, 2013)
• Rollup: Shared UI components at AdRoll (November 05, 2015)
• Rollup: How we use React.js and npm to share UI code at AdRoll (November 12, 2015)
• Rollup: What we have learned from sharing UI code at AdRoll (November 19, 2015)
• gulp-react-docs: From propTypes to Markdown in 3 seconds (December 21, 2015)
• How to Create a Style Guide: Start with a UI Framework (July 29, 2016)
• How to Run a Front-End Infrastructure Team (August 29, 2017)

Aha!

• How I Convinced Our CTO to Switch From CoffeeScript to ES6 (September 7, 2017)

Airbnb

• Turbocharged JavaScript Refactoring with Codemods (April 27, 2016)
• Rearchitecting Airbnb’s Frontend (May 15, 2017)
• Migrating from Mocha to Jest (June 15, 2017)
• React Performance Fixes on Airbnb Listing Pages (December 5, 2017)
• Server Rendering, Code Splitting, and Lazy Loading with React Router v4 (January 10, 2018)
• React Native at Airbnb (June 19, 2018): The Technology, Building a Cross-Platform Mobile Team, Sunsetting React Native, What’s Next for Mobile at Airbnb
• Operationalizing Node.js for Server Side Rendering (July 18, 2018)
• How Airbnb is Moving 10x Faster at Scale with GraphQL and Apollo (December 5, 2018)
• Building (And Re-Building) the Airbnb Design System (October 30, 2019)

ALDO

• The Impact of Web Performance (February 6, 2020)

Algolia

• Improving Web Performance to Mirror Engine Speed (July 26, 2017)
• Using NetInfo API to Improve Algolia’s JavaScript Client (July 30, 2019)

Artsy

• Rendering on the Server and Client in Node.js (November 30, 2013)
• The Tech Behind Live Auction Integration (August 9, 2016)
• React Native at Artsy (August 15, 2016)
• Making Artsy Editorial Accessible (August 29, 2017)
• Helping the Web Towards OSS by Default (September 6, 2016)
• JSON Web Tokens: Artsy's Journey (October 26, 2016)
• Exploration: Front-end JavaScript at Artsy in 2017 (February 5, 2017)
• Modernizing Force (September 5, 2017)
• React Native, 2 years later (March 17, 2018)
• Keeping Artsy's dependencies up to date (November 26, 2018)
• Switch from Capybara Webkit to Chrome (November 27, 2018)
• GraphQL Stitching 101 (December 11, 2018)
• GraphQL: Union vs. Interface (January 14, 2019)
• From TSLint to ESLint, or How I Learned to Lint GraphQL Code (January 29, 2019)

Australian Broadcasting Corporation

• Composing Components (September 28, 2018)
• From data to DOM: Building a text rendering pipeline for React (October 23, 2019)

Badoo

• How to teach a web app to speak 100 languages: the specifics of localisation (March 8, 2017)
• The painless way to collect statistics from a web-site (May 18, 2017)
• Translating interfaces into almost fifty languages: Sketch (October 17, 2017)
• Hot localisations update: part 1, part 2 (November 2017)
• From zero to Cosmos: part 1, part 2, part 3 (February 2018)
• Translating Dust templates to JSX (May 16, 2018)
• How to manage your Design Tokens with Style Dictionary (September 27, 2018)
• Optical alignment for frontend developers: why is it not the same as it is for designers and how can the process be automated (November 22, 2018)
• Generating multi-brand multi-platform icons with Sketch and a Node.js script: from the idea to the assets Sketch files and the build script and the generation of the assets (December 2018)
• Covering A/B tests with UI tests: how to avoid getting tangled up in your own code (February 22 2019)
• Design Tokens beyond colors, typography, and spacing (November 12, 2019)

BBC

• Redefining the BBC News core experience (July 22, 2016)
• HTTP/2 is easy, just turn it on… (November 7, 2017)
• How BBC Interactive Content Works Across AMP, Apps, And The Web (March 15, 2018)

Betty Crocker

• Wake Lock API case study: 300% increase in purchase intent indicators on BettyCrocker.com (May 19, 2020)

Bitmovin

• How Bitmovin Used React/Redux to Develop Its New Dashboard (September 7, 2017)
• To Play, or Not to Play – New AutoPlay Policies for Safari 11 and Chrome 64 (September 28, 2017)
• To Play, or Not to Play #2 – Firefox blocks audible autoplay by default! (February 20, 2019)

blogfoster

• Jumpstart to React+Redux Development
• Centralized ESLint Configuration
• Redux For Better in-App Analytics
• Managing Complexity in Redux: Higher-Order Reducers and Async State
• How We Simplified our Tooling Setup for Node.js Projects
• How to Use the Power of Jest’s Snapshot Testing Without Using Jest

Bloomberg

• How Bloomberg Used React Native to Develop its new Consumer App (December 15, 2016)

Campaign Monitor

• Fixing bugs with Outlook specific CSS (November 9, 2016)
• Better video previews for email (December 20, 2016)
• How to test accessibility of emails (June 5, 2018)

Carbon Five

• Cross-Domain Browser Window Messaging with HTML5 and Javascript (August 17, 2012)
• Composing Synchronous and Asynchronous Functions in JavaScript (January 29, 2015)
• An AJAX Auto-Save Implementation (January 24, 2018)

Carousell

• How we made Carousell’s mobile web experience 3x faster (October 31, 2018)
• Building a Dynamic UI System at Carousell (Feb/Mar 2019): part 1, part 2 and part 3
• An Experiment with JSON Schema (April 18, 2019)

cars.com

• How Cars.com Developer Mac Heller-Ogden Convinced His Bosses to Adopt Node.js (July 17, 2017)

Checkbot

• Scalable & lightweight web screenshots with SVG (November 30, 2018)

Clearleft

• How to use variable fonts in the real world (January 26, 2018)
• A framework for web performance (September 20, 2018)

Cloudflare

• How we built Origin CA: Web Crypto (May 10, 2016)
• Open Sourcing CloudFlare’s UI Framework (June 8, 2016)
• Going Global - a Localization Case Study at Cloudflare (August 23, 2017)
• How we made our page-load optimisations even faster (February 2, 2018)
• Real URLs for AMP Cached Content Using Cloudflare Workers (November 13, 2018)
• Fast Google Fonts with Cloudflare Workers (November 22, 2018)
• Migrating to React land: Gatsby (March 26, 2020)
• Moving from reCAPTCHA to hCaptcha (April 8, 2020)

Cloud Four

• All Mixed Up: Isomorphic Sorting Gone Wrong (October 17, 2019)

CodeSandbox

• Lessons learned refactoring Codesandbox.io from Redux to Cerebral (February 7, 2018)

Condé Nast

• The Why and How of Google AMP at Condé Nast (August 29, 2017)

Conductor

• Painless Migration From Backbone to React/Redux (February 16, 2018)

DAZN

• Testing MobX State Tree (December 7, 2018)
• Handling complexity in lambda functions (February 8, 2019)
• Micro-frontends, the future of Frontend architectures (April 2, 2019)
• Adopting a Micro-frontends architecture (April 8, 2019)
• Orchestrating micro-frontends (April 12, 2019)
• Jest: Our journey into performant unit tests (April 15, 2019)
• Identifying micro-frontends in our applications (May 21, 2019)

De Voorhoede

• Why our website is faster than yours (July 16, 2016)

DEV

• App shell UX with service workers and streams (June 23, 2020)

Discord

• Using React Native: One Year Later (June 7, 2016)
• Lessons from migrating a large codebase to React 16 (October 5, 2017)
• Why Discord is Sticking with React Native (July 26, 2018)
• How Discord Maintains Performance While Adding Features (August 2, 2018)
• How Discord Handles Two and Half Million Concurrent Voice Users using WebRTC (September 10, 2018)
• Investigating Discord’s React Memory Leak (August 8, 2019)
• How Discord achieves native iOS performance with React Native (November 7, 2019)

Dropbox

• Translating Dropbox (April 18, 2011)
• Some love for JavaScript applications (August 31, 2012)
• Dropbox dives into CoffeeScript (September 13, 2012)
• Content Security Policy at Dropbox (September 2015): On Reporting and Filtering, Unsafe-inline and nonce deployment, The Unexpected Eval, Third Party Integrations and Privilege Separation
• Enabling HTTP/2 for Dropbox web services: experiences and observations (May 11, 2016)
• Annotations on Document Previews (November 30, 2016)
• Preventing cross-site attacks using same-site cookies (March 16, 2017)
• Deploying Brotli for static content (April 6, 2017)
• Dropbox Paper: Emojis and Exformation (November 15, 2017)
• Improving Document Preview Performance (December 1, 2017)
• Migrating from Underscore to Lodash (September 5, 2018)
• Redux with Code-Splitting and Type Checking (July 16, 2019)
• Design Tooling at Scale (October 12, 2019)
• The Great CoffeeScript to Typescript Migration of 2017 (May 13, 2020)

eBay

• Data URI Sprites (July 12, 2011)
• The New eBay Motors Homepage is 2X Faster (October 14, 2011)
• Five JavaScript Tips for a Sleek User Experience (April 16, 2012)
• Page Loading and Rendering Optimizations (June 22, 2012)
• Bandwidth-based Experience (October 10, 2012)
• Early Detection of Frontend Single Points of Failure (January 22, 2013)
• Front-end Renaissance at eBay (January 13, 2014)
• Yet Another Responsive vs. Adaptive Story (March 5, 2014)
• Don't Build Pages, Build Modules (October 2, 2014)
• Async Fragments: Rediscovering Progressive HTML Rendering with Marko (December 8, 2014)
• The Power of Perceived Performance (January 5, 2015)
• Mobile First - A Retrospective (May 13, 2015)
• How Our CSS Framework Helps Enforce Accessibility (November 4, 2015)
• Packaging for Performance (January 4, 2016)
• The Path to JavaScript Next (March 15, 2016)
• Browse eBay with Style and Speed (June 30, 2016)
• Experience the Lightning Bolt (September 21, 2016)
• Effective Front-End Code Review (March 2, 2017)
• Building a UI Component in 2017 and Beyond (May 3, 2017)
• eBay’s Font Loading Strategy (September 21, 2017)
• The Future of Marko (October 26, 2017)
• Beyond HTTPS (December 13, 2017)
• Integration Testing with React and Enzyme (June 26, 2018)
• WebAssembly at eBay: A Real-World Use Case (May 22, 2019)
• Autofill on Browsers: A Deep Dive (December 3, 2019)
• Speed By A Thousand Cuts (January 23, 2020)
• Front End Debugging — Tips on Resolving Issues Quickly so You Can Move on to Better Things (April 7, 2020)

Electronic Arts

• Building UI at Enterprise Scale with Web Components (August 22, 2017)

Ele.me

• Upgrading Ele.me to Progressive Web App (May 6, 2017)

Etsy

• Localizing Logically for a Global Marketplace (October 21, 2011)
• Multilingual User Generated Content and SEO (December 2, 2011)
• Measuring Front-end Performance With Real Users (November 29, 2012)
• Responsive emails that really work (March 13, 2014)
• Transitioning to SCSS at Scale (February 2, 2015)
• Rebuilding the Foundation of Etsy’s Seller Tools (February 5, 2015)
• How Etsy Formats Currency (April 19, 2016)
• SEO Title Tag Optimization at Etsy: Experimental Design and Causal Inference (October 25, 2016)
• Optimizing Meta Descriptions, H1s and Title Tags: Lessons from Multivariate SEO Testing at Etsy (January 25, 2017)
• Reducing Image File Size at Etsy (May 30, 2017)
• How Etsy Localizes Addresses (September 26, 2018)
• Developing in a Monorepo While Still Using Webpack (April 6, 2020)
• The journey to fast production asset builds with Webpack (February 3, 2020)

Evil Martians

• Is React Native podium-ready? (May 14, 2018)

ezCater

• The case against React snapshot testing (June 27, 2019)

Facebook

• Building the F8 App with React Native
• BigPipe: Pipelining web pages for high performance (June 4, 2010)
• Facebook has 30,000 react components. How do you manage large project directories with many components? (December 31, 2013)
• The technology behind preview photos (August 6, 2015)
• Improving CSS quality at Facebook and beyond (June 13, 2016)
• This browser tweak saved 60% of requests to Facebook (January 26, 2017)
• Building High-Quality JavaScript Tools (June 2, 2017)
• React 16: A look inside an API-compatible rewrite of our frontend UI library (September 26, 2017)
• Design Systems & Tools at Facebook (November 15, 2017)
• Behind the Scenes: Improving the React Repository Infrastructure (December 15, 2017)
• Faster input events with Facebook’s first browser API contribution (April 22, 2019)
• Building the New facebook.com with React, GraphQL and Relay (April 30, 2019)
• Rebuilding our tech stack for the new Facebook.com (May 8, 2020)

fastq.bio

• How We Used WebAssembly To Speed Up Our Web App By 20X (April 5, 2019)

Figma

• Building a professional design tool on the web (December 7, 2015)
• Debugging Data Corruption with Emscripten (November 7, 2016)
• WebAssembly cut Figma’s load time by 3x (June 8, 2017)
• Introducing BrowserView for Electron (June 29, 2017)
• Introducing: Figma to React (April 26, 2018)
• Figma, faster ðŸ?Ž (August 13, 2018)
• How to build a plugin system on the web and also sleep well at night (August 22, 2019)

Financial Times

• Building The New Financial Times Web App (May 23, 2013)
• Free-market software development (August 21, 2015)
• SVG icons are easy but the fallbacks aren't (December 1, 2015)
• A faster FT.com (April 4, 2016)
• YES, your site too can (and should) be accessible (May 23, 2017)
• Improving the cache performance of The Polyfill Service (June 9, 2017)
• Can't You Just Make It More like Bootstrap? (July 22, 2017)
• Speeding up without slowing down (November 7, 2017)
• What happens when you visit ft.com? (November 24, 2017)
• Tips for in-house teams in a free market software culture (January 30, 2018)
• An outbreak of Accessibility anti-patterns (May 18, 2018)
• This one line of Javascript made FT.com 10 times slower (July 16, 2018)
• Improving the cache performance of The Polyfill Service even more (January 21, 2019)
• Designing a sustainable front-end toolset for FT.com (April 27, 2020)

Flickr

• Lessons Learned from the Flickr Touch Lightbox (July 20, 2011)
• Creating an interface for geofences (September 6, 2011)
• Raising the bar on web uploads (April 25, 2012)
• Building an HTML5 Photo Editor (April 18, 2012)
• Building The Flickr Web Uploadr: The Grid (May 11, 2012)
• Parsing Exif client-side using JavaScript (June 1, 2012)
• Adventures in Jank Busting: Parallax, performance, and the new Flickr Home Page (June 4, 2013)
• Building Flickr’s new Hybrid Signed-Out Homepage (April 23, 2014)
• Perceptual Image Compression at Flickr (September 25, 2015)
• Introducing yakbak: Record and playback HTTP interactions in NodeJS (April 25, 2016)

Flipkart

• Building Flipkart Lite: A Progressive Web App (November 11, 2015)

Flocktory

• Third party libraries (May 22, 2017)

Futurice

• How Elm made our work better (November 1, 2016)

Garbarino

• Building a PWA in Argentina (July 24, 2017)

GitHub

• GitHub's CSS (July 23, 2014)
• How GitHub is using Web Components in production (September 30, 2014)
• Browser Monitoring for GitHub.com (May 19, 2015)
• GitHub's CSP journey (April 12, 2016)
• GitHub's post-CSP journey (January 19, 2017)
• Shipping system fonts to GitHub.com (February 7, 2018)
• Design Systems at GitHub (July 6, 2018)
• Removing jQuery from GitHub.com frontend (September 6, 2018)
• From 48k lines of code to 10—the story of GitHub’s JavaScript SDK (April 9, 2020)

GitLab

• Why We Chose Vue.js (December 1, 2016)
• Our big Frontend plan revealed (February 6, 2017): long term plan to make GitLab as fast and performant as possible with Vue and webpack
• How we do Vue: one year later (November 9, 2017)
• How GitLab switched to Headless Chrome for testing (December 19, 2017)
• Our journey in switching to native Unicode emoji (May 30, 2018)
• How we iterated and improved our frontend team culture (June 26, 2018)
• Why we chose ECharts for data visualizations (September 30, 2019)
• How GitLab Pages made our Sketch design handoffs easier and faster (November 7, 2019)
• How we created a dark UI for GitLab's Web IDE (May 20, 2020)

Google

• Designing very large (JavaScript) applications (April 15, 2018)
• Building the Google Photos Web UI (July 10, 2018)
• TypeScript at Google (September 1, 2018)
• The Chrome Dev Summit site: case study (March 12,2019)
• The new AdWords UI uses Dart — we asked why (March 31, 2016)
• A Recipe for Designing Animations — Without Sacrificing Performance (June 4, 2019)
• Bringing service workers to Google Search (June 20, 2019)

GOV.UK

• Accessibility for developers: building a frontend that everyone can use (October 6, 2016)
• Patterns for accessible webchats (December 9, 2016)
• How to create content that works well with screen readers (February 8, 2017)
• How we’ve made GOV.UK Elements even more accessible (February 28, 2018)
• What we learned from getting our autocomplete tested for accessibility (May 15, 2018)
• Accessibility lessons: dealing with a large amount of form inputs (April 8, 2019)
• Why the GOV.UK Design System team changed the input type for numbers (February 24, 2020)
• Why videos on GOV.UK use the YouTube video player (March 16, 2020)

grammarly

• Building Browser Extensions At Scale (October 6, 2017)

Gusto

• Scaling Front-end Architecture (June 10, 2016)
• Evolving JavaScript Part 1: Goodbye Backbone (July 12, 2016)
• Evolving JavaScript Part 2: Hello React (July 12, 2016)
• Evolving JavaScript Part 3: Building a React Application (July 12, 2016)
• Taking off with Apollo (September 12, 2018)
• How I fell out of love with HOCs (December 9, 2018)

HealthCare.gov

• Building a design system for HealthCare.gov (August 29, 2017)

Heap

• Goodbye CoffeeScript, Hello TypeScript (October 7, 2015)
• Migrating To React + MobX While Shipping New Features (August 16, 2017)
• How We Write Front-end Code (February 20, 2018)
• Redesigning Heap Without a Feature Branch (April 10, 2019)
• How we failed, then succeeded, at migrating to TypeScript (October 10, 2019)
• How we leveraged ASTs and Babel to capture everything on React Native apps (June 23, 2020)

in der Apotheke

• Farewell, Google Maps (July 18, 2018)

Insider Inc.

• How to style different sites with one CSS collection (December 17, 2018)
• Why we got rid of all our front-end and back-end engineers (February 13, 2019)
• Delightful ways to write reusable CSS using subclasses (March 1 , 2019)

Instagram

• React Native at Instagram (February 7, 2017)
• Making Instagram.com faster: part 1 (August 1, 2019), part 2 (September 6, 2019), part 3 (October 11, 2019), part 4 (November 1, 2019)

Internet Archive

• Pixels vs. Ems: Users DO Change Font Size (June 13, 2018)

Intuit

• Making Accessibility an Integral Part of the Creative Workflow (April 15, 2018)
• TurboTax Live’s Approach to a Gender-Neutral Design System (February 21, 2019)
• Delivering Consistent Animations with a Design System Library (April 25, 2019)
• GraphQL: Intuit’s Path to ONE API System (March 13, 2019)

InVision

• Sharing ESLint Across Teams (April 5, 2016)
• Optimizing Webpack for Faster React Builds (April 12, 2016)
• Persist Redux State by Using Sagas (April 26, 2016)
• Testing Our Shared ESLint Configs (May 12, 2016)
• How ESLint Saved Our Soul (August 12, 2016)
• React Performance Tune-Up (September 23, 2016)
• Building the inspect measurement engine (July 17, 2019)

Khan Academy

• Babel in Khan Academy's i18n Toolchain (June 22, 2015)
• Fun with slope fields, css and react (August 5, 2015)
• Copy-pasting more than just text (August 31, 2015)
• i18nize-templates: Internationalization After the Fact (September 28, 2015)
• Schrödinger's deploys no more: how we update translations (October 12, 2015)
• Forgo JS packaging? Not so fast (November 23, 2015)
• Inline CSS at Khan Academy: Aphrodite (March 29, 2016)
• Migrating to a Mobile Monorepo for React Native (May 29, 2017)
• Creating Query Components with Apollo (June 12, 2017)
• tota11y - an accessibility visualization toolkit (April 15, 2018)

Kickstarter

• Namespacing Actions for Redux (November 20, 2017)

Klarna

• Migrating from Rails’ asset pipeline to Node’s webpack (January 2, 2016)
• How removing caching improved mobile performance by 25% (January 10, 2017)
• Improving Communication and Confidence with Visual Snapshot Testing (March 14, 2017)
• 6 Lessons learned from optimizing the performance of a Node.js service (January 9, 2020)

Line

• LINE MANGA: Smooth page transition with Page Stack (January 18, 2018)
• Easy code-splitting with grow-loader (January 24, 2018)

LinkedIn

• Bringing a Modern Javascript Build Pipeline to LinkedIn (January 20, 2016)
• Sleek and Fast: Speeding Up your Fat Web Client (October 19, 2017)
• The Glimmer Binary Experience (December 7, 2017)
• Ember Timer Leaks: The Bad Apples in Your Test Infrastructure (January 3, 2018)
• Lighter than Lightweight: How We Built the Same App Twice with Preact and Glimmer.js (March 12, 2018)

Lucidchart

• IE10: How does it really stack up? (November 14, 2012)
• Atomic CSS as a tool set (January 31, 2014)
• The Definitive Guide to Copying and Pasting in JavaScript (December 2, 2014)
• Big content in a little canvas (May 19, 2015)
• Improving Angular 2 Load Times and a 29KB Hello World App (September 26, 2016)
• Angular 2 and Observables: Data Sharing in a Multi-View Application (November 8, 2016)
• Using Angular 2 Components In a Non-Angular App (April 10, 2017)
• Converting 600k lines to TypeScript in 72 hours (November 16, 2017)
• How to handle folder uploads in Angular 2+ (January 3, 2018)
• JavaScriptCore – The Holy Grail of Cross Platform (February 14, 2018)
• How to Actually Improve Type Safety with the TypeScript Strict Flags (June 20, 2018)
• ZoneTracker: Tracking JavaScript Performance with Zone.js (November 9, 2018)
• JavaScriptCore—10 Months Later (January 3, 2019)

Lyft

• TypeScript at Lyft (September 27, 2017)
• Re-approaching Color (September 21, 2018)

Mailchimp

• Designing automated tests for React (August 10, 2019)

MDN

• Refactoring MDN macros with async, await, and Object.freeze() (February 7, 2019)

Medium

• Why ContentEditable is Terrible (May 14, 2014)
• Wait, Don’t Touch That! Mutual Exclusion Locks & JavaScript (January 17, 2015)
• The curious case of the disappearing Polish S (February 2, 2015)
• Five Goofy Things Medium Did That Break Accessibility (June 29, 2015)
• The Unluckiest Paragraphs: A Tale of CSS and Why Parts of Medium Sometimes Disappear (December 5, 2015)
• Simple Style Sheets, Or How to Improve Your Sleep by Dropping the Cascade (September 28, 2016)
• 2 Fast 2 Furious: migrating Medium’s codebase without slowing down (March 22, 2018)
• The case of the eternal blur: a bug hunt horror novella (May 2, 2018)
• GraphQL Server Design @ Medium (November 2, 2018)

MemSQL

• Porting 30K lines of code from Flow to TypeScript (January 13, 2019)

Microsoft To-Do

• How We React at Microsoft To-Do (January 5, 2018)

Mixmax

• Scaling Mixmax: Front-end performance (May 5, 2015)
• How we built ‘instant’ autocomplete for Mixmax (November 5, 2015)
• Yarn-ifying Mixmax: why and how we moved from npm to Yarn (April 24, 2017)
• Using CORS policies to implement CSRF protection (June 13, 2017)
• React without Redux: how we moved from Backbone to React without rewriting (July 26, 2017)
• Handling 3rd-party JavaScript with Rollup: how and when to leave JS out of the bundle (December 3, 2017)
• Precisely observing structural page changes (December 7, 2017)
• Choosing (and using) Javascript static typing: how Mixmax Engineering adopted Flow (May 15, 2018)
• To Yarn and Back (to npm) Again (May 29, 2018)

Mixpanel

• Straightening our Backbone: A lesson in event-driven UI development (April 8, 2015)
• Making Web Components Work, or: How We Learned to Stop Worrying and Love the DOM (June 12, 2018)

Mozilla

• The Art of UI Skeletons (April 23, 2019)

Mud

• A Year of Utility Classes (January 28, 2019)

Myntra

• Myntra’s Web UI Journey — AMP and PWA (January 31, 2018)

Netflix

• HTML5 Video Playback UI (October 21, 2013)
• Improving the performance of our JavaScript inheritance model (May 16, 2014)
• Node.js in Flames (November 19, 2014)
• JSON Graph: Reactive REST at Netflix (April 1, 2015)
• Localization Technologies at Netflix (June 4, 2015)
• Making Netflix.com Faster (August 5, 2015)
• Crafting a high-performance TV user interface using React (January 12, 2017)
• Netflix's approach to ES6 feature detection (January 20, 2017)
• Pass the Remote: User Input on TV Devices (May 17, 2017)
• Shop Talk podcast #264: React with Netflix (May 22, 2017)
• Performance Signup in React & Transactional Apps with Redux (October 25, 2017)
• Implementing Japanese Subtitles on Netflix (December 11, 2017)
• Integrating imperative APIs into a React application (December 20, 2017)
• Pseudo Localization @ Netflix (August 6, 2018)
• Delivering Meaning with Previews on Web (November 12, 2018)
• Enhancing the Netflix UI Experience with HDR (September 24, 2018)
• Our learnings from adopting GraphQL (December 10, 2018)
• Modernizing the Web Playback UI (December 12, 2018)

npm

• Re-inventing npmjs.com (April 3, 2018)
• JavaScript Usage by Industry (June 27, 2018)

OK GROW!

• Migrating from Iron Router to FlowRouter (with Blaze) (September 17, 2015)
• Where does Redux fit in Meteor? (July 15, 2016)
• Real-world Unit Testing with Meteor and Jest (October 17, 2017)
• Optimizing a GraphQL app using Apollo Engine (February 12, 2019)

OYO

• OYO on a User Experience Quest with AMP âš¡ (January 11, 2018)
• Brotli vs Gzip Compression. How we improved our latency by 37% (June 29, 2018)
• AMP for Email - Interactive and Dynamic Email Experiences at OYO (March 26, 2019)
• Shipping ES6 in browsers without Polyfill (April 17, 2019)
• Signed-Exchange: Solving the AMP URLs Display Problem (May 7, 2019)
• Building Chrome Extension with ReactJs: Beginner’s Guide (May 13, 2019)
• A complete implementation guide to Trusted Web Activity(TWA)- OYO Lite (November 7, 2019)

Palantir

• Scaling product design with Blueprint (January 6, 2017)
• TSLint in 2019 (February 19, 2019)

PayPal

• Sane, scalable Angular apps are tricky, but not impossible. Lessons learned from PayPal Checkout (September 26, 2015)
• Auto-shrink-wrapping in PayPal Checkout, and how it’s saved us more than once (February 10, 2016)
• Dependency injection in Angular isn’t worth it. More lessons learned from scaling PayPal Checkout (April 3, 2016)
• Less is more: reducing thousands of PayPal buttons into a single iframe, using zoid (March 17, 2017)
• Safari’s new third party tracking rules, and enabling cross-domain data storage (August 30, 2017 )
• Reinventing cross-origin requests, without CORS (September 6, 2017)
• Introducing PayPal’s open-source cross-domain javascript suite (October 16, 2017)
• GraphQL: A success story for PayPal Checkout (October 17, 2018)
• Why every new web app at PayPal starts with TypeScript (January 21, 2019)
• Scaling GraphQL at PayPal (October 30, 2019)

Pinafore

• Introducing Pinafore for Mastodon (April 9, 2018)
• Scrolling the main document is better for performance, accessibility, and usability (November 18, 2018)
• Building a modern carousel with CSS scroll snap, smooth scrolling, and pinch-zoom (February 10, 2019)
• One year of Pinafore (June 2, 2019)
• The joy and challenge of developing for KaiOS (September 22, 2019)
• What I’ve learned about accessibility in SPAs (November 5, 2019)

Pinterest

• Gone In 60 Frames Per Second: A Pinterest Paint Performance Case Study (June 10, 2013)
• Demystifying SEO with experiments (January 27, 2015)
• How we made JavaScript testing 15x faster (February 3, 2015)
• Making Pinterest HTTPS (March 13, 2015)
• How we switched our template rendering engine to React (November 18, 2016)
• Introducing Bonsai: an open source Webpack analyzer (June 2, 2017)
• Migrating Pinterest profiles to React (September 23, 2016) (video) (November 22, 2017)
• A Pinterest Progressive Web App Performance Case Study (November 30, 2017)
• Supporting React Native at Pinterest (May 10, 2018)
• A one year PWA retrospective (July 20, 2018)

Pivotal Tracker

• Using Elm in Production at Pivotal Tracker (January 31, 2017)
• Improving Accessibility in Pivotal Tracker (February 1, 2018)

Plaid

• Securing WebViews with Chrome Custom Tabs (April 9, 2020)

Plotly

• Modularizing monolithic javascript projects in plotly.js (January 28, 2016)

Product Hunt

• React @ Product Hunt (May 30, 2017)
• GraphQL @ Product Hunt (November 2, 2017)

Quizlet

• Smooth Game Animations in React (February 18, 2016)
• Launching A Successful Redesign For 20 Million Students (June 13, 2017)
• Cypress: The future of end-to-end testing for web applications (February 8, 2018)
• Now or Never: Migrating 300k LOC from Flow to TypeScript at Quizlet (June 18, 2019)

REA Group

• ReactJS – Real World Examples of Higher-Order Components (May 6, 2016)
• Singletons Suck (aka Flux to Redux) (August 17, 2016)
• ReactJS Performance Debugging (aka The Magic of Reselect Selectors) (September 9, 2016)
• My Journey in a UI Project (aka front-end is the new back-end) (June 23, 2017)

Reaktor

• Refactoring 30000 lines of JS with types (January 24, 2017)

Reddit

• How We Built r/Place (April 13, 2017)
• Why We Chose Typescript (June 30, 2017)

Redmart

• Angular The Hard Way #1 Organise and manage domain data (April 22, 2015)
• RedMart's experience with PWA (October 25, 2018)
• How we use Storybook for documentation and code reviews (November 14, 2018)

repl.it

• Infinite Loops (January 23, 2017)
• Modular, fast, small: how we built a server-rendered IDE (February 14, 2018)

Revolut

• How we learned to stop worrying and love GraphQL (August 8, 2019)

Roompact

• Elm In Production: 25,000 Lines Later (July 30, 2017)

Safety Culture

• Why we moved our graphQL server from Node.js to Golang (June 27, 2018)

Scratch

• Porting Scratch from Flash to JavaScript: Performance, Interoperability and Extensions (February 28, 2019)

Shopify

• How 17 lines of code improved shopify.com loading by 50% (May 24, 2017)
• Building Shopify mobile with native and web technology (September 29, 2017)
• Designing a GraphQL API (June 18, 2018)
• Want to Improve UI Performance? Start by Understanding Your User (October 20, 2019)

Skillshare

• How We Ditched Redux for MobX (July 2, 2018)

Slack

• Reducing Slack’s memory footprint (March 3, 2017)
• TypeScript at Slack (April 11, 2017)
• Rebuilding Slack’s Emoji Picker in React (May 23, 2017)
• Getting to Slack faster with incremental boot (July 5, 2016)
• Localizing Slack (September 12, 2017)
• Rebuilding slack.com (October 11, 2017)
• Keep webpack Fast: A Field Guide for Better Build Performance (January 17, 2018)
• When a rewrite isn’t: rebuilding Slack on the desktop (July 22, 2019)
• Service Workers at Slack: Our Quest for Faster Boot Times and Offline Support (August 29, 2019)
• The Gradual Design System: How We Built Slack Kit (September 12, 2019)
• Building Dark Mode on Desktop (September 24, 2019)
• Gantry: Slack’s Fast-booting Frontend Framework (October 23, 2019)
• A Day in the Life of a Frontend Product Engineer at Slack (February 5, 2020)
• How Slack changed the way it designs accessible frontend components (May 2020)

Snipcart

• The Story of our Progressive Migration from Backbone to Vue.js (July 20, 2017)

SoundCloud

• Front-end JavaScript bug tracking (November 21, 2011)
• Building The Next SoundCloud (June 14, 2012)
• Smooth image loading by upscaling (February 20, 2014)
• React Native at SoundCloud (August 3, 2016)

Spectrum

• Tech Choices I Regret at Spectrum (January 16, 2019)

Spotify

• Spotify Wrapped 2018 — Technical Case Study (December 18, 2018)
• Building Spotify’s New Web Player (March 25, 2019)
• (Right to Left (The Mirror World (April 15, 2019)
• web-scripts – creating NPM libraries in a snap at Spotify (July 3, 2019)
• Reimagining Design Systems at Spotify (December 16, 2019)

Stack Overflow

• HTTPS on Stack Overflow: The End of a Long Road (May 22, 2017)
• Building dark mode on Stack Overflow (March 31, 2020)

stripe

• Connect: behind the front-end experience (June 19, 2017)
• A new approach to mocking GraphQL data: how we power React component tests and examples at Stripe (December 11, 2018)
• Designing accessible color systems (October 15, 2019)

SumUp

• 10 lessons learned building SumUp’s design system (August 15, 2019)

Superhuman

• Delightful search: more than meets the eye (May 5, 2017)

TakeShape

• Why we switched from Yarn to pnpm (June 9, 2020)

The Guardian

• What we learnt from our mistakes in 2016 (December 18, 2016)
• Revisiting the rendering tier (April 4, 2019)
• Migrating the Guardian website to React (December 8, 2019)

The Knot Worldwide

• Rebuilding the Guest List Manager with React + MobX at The Knot (June 19, 2017)
• React Native @ The Knot (February 8, 2019)
• React Native @ The Knot: A Designer’s Perspective (February 13, 2019)

The New York Times

• The Technology Behind the NYTimes.com Redesign (January 8, 2014)
• Improving Article Accessibility (June 24, 2014)
• Building a Cross Platform 360-degree Video Experience at The New York Times (November 11, 2016)
• React, Relay and GraphQL: Under the Hood of The Times Website Redesign (June 30, 2017)
• GraphQL in real life (April 19, 2019)
• How We Implemented a Baseline Grid Using CSS (November 21, 2019)

The Telegraph

• React Serverside rendering : build slicker apps with better SEO ranking (September 10, 2018)
• Improving third-party web performance at The Telegraph (April 30, 2019)

The Times & The Sunday Times

• Building the UI for the new The Times website (March 30, 2016)

The U.S. Digital Service

• Building Forms Faster on Vets.gov (June 2, 2017)

The Wall Street Journal

• Making WSJ.com more accessible (August 3, 2016)

This Also

• Fixing HTML Video on Mobile (July 14, 2016)

ThomasNet

• How We Adopted CSS Grid at Scale (March 1, 2018)

Thread

• Dealing with legacy code in React (May 10, 2018)
• Searching and sorting text with diacritical marks in JavaScript (August 29, 2018)

Tinder

• A Tinder Progressive Web App Performance Case Study (December 24, 2017)
• Building Tinder Online (February 9, 2018)

TinyMCE

• TinyMCE is going mobile (March 31, 2017)
• Benefits of gradual strong typing in JavaScript (January 25, 2019)

Tumblr

• Moving things out of critical rendering path (February 19, 2016)
• The Road to Webpack (April 29, 2016)
• Flow and TypeScript (September 7, 2017)
• Using srcset and sizes to make responsive HTML5 images (March 5, 2018)
• A Big New Beautiful Future for the Web at Tumblr (April 5, 2018)
• How we wrote our own Service Worker (February 1, 2019)
• We’re making Tumblr more accessible! (January 17, 2019)

Twitch

• Improving Chat Rendering Performance (August 8, 2016)
• Investigating React Native (April 25, 2017)
• Beyond Purple (December 3, 2019)

Twitter

• View Source: Twitter.com (January 1, 2017)
• How we built Twitter Lite (April 6, 2017)
• Infinite List and React (April 9, 2017)
• Twitter Lite and High Performance React Progressive Web Apps at Scale (April 11, 2017)
• The Twitter Lite team about their use of Node.js (April 12, 2017)
• Redux modules and code-splitting (February 02, 2018)
• How using component-based design helps us build faster (July 16, 2019)

Uber

• Powering UberEATS with React Native and Uber Engineering (March 28, 2017)
• Building m.uber: Engineering a High-Performance Web App for the Global Market (June 27, 2017)
• Javascript @ Uber (July 10, 2017)
• Building a More Seamless Web Booking Flow for Uber (July 25, 2019)
• Best Practices for Unit Testing in React Version 16 (August 29, 2019)
• Counting Calories: How We Improved the Performance and Developer Experience of UberEats.com (February 12, 2020)

Udacity

• How a Fixed-Width Button Can Get Your Company Trending on Reddit for All the Wrong Reasons: A Front-End Developer Tale (April 11, 2016)
• React Native: A retrospective from the mobile-engineering team at Udacity (July 3, 2018)
• Udacity’s Front-End Tech Stack (July 18, 2016)

Unity

• WebAssembly is here! (August 15, 2018)
• WebAssembly Load Times and Performance (September 17, 2018)

Unsplash

• How we gradually migrated to TypeScript at Unsplash (March 14, 2018)

Verve

• GraphQL: A Retrospective (November 28, 2018)

Walmart Labs

• React Native at WalmartLabs (December 19, 2016)
• Cutting Dev Time in Half With Invalid User Input Prevention (October 25, 2017)
• Migrating Angular 1.x apps to React — The Hybrid Way! (November 15, 2017)
• Migrating Large Enterprise to NodeJS (December 9, 2017)
• Primer on Front End Automation (July 27, 2018)
• Lazy Loading Images with IntersectionObserver (September 10, 2018)
• Midway: Walmart’s mocking journey… (October 5, 2018)
• Infinite Scroll’ing the right way (April 2, 2019)
• Delivering ReactJS applications at scale (August 26, 2019)
• Turbocharging Walmart.com (April 9, 2020)
• Differential Serving — Food for latest browsers (June 23, 2020)

Wikimedia

• Creative Techniques for Loading Web Pages Faster (January 17, 2012)
• Investigating a performance improvement (June 2, 2017)
• Improving time-to-logo performance with preload links (June 7, 2017)
• Beacons (August 16, 2017)
• Measuring Wikipedia page load times (January 9, 2018)
• mustache.js replaced with JavaScript template literals in Extension:Popups (April 3, 2018)
• Extension:Popups (Page Previews) front-end tooling (April 19, 2018)
• Mobile web performance: the importance of the device (June 22, 2018)
• Why performance matters (December 12, 2018)
• Migrating code from MediaWiki's ResourceLoader to Webpack (March 13 2019)
• Evaluating Element Timing for Images (April 10, 2019)
• Performance perception: how satisfied are Wikipedia users? (May 29, 2019)
• Performance perception: the effect of late-loading banners (June 13, 2019)
• Performance perception: correlation to RUM metrics (June 17, 2019)
• Tracking down slow event handlers with Event Timing (June 19, 2019)
• Wikipedia's JavaScript initialisation on a budget (Septemper 18, 2019)
• Measuring Long Tasks and First Input Delay (December 21, 2019)

Wingify

• jQuery Promises: The answer to PostMessage's asynchrony (June 17, 2013)
• How We Made The Animated A/B Testing Guide (July 8, 2013)
• Getting 60 FPS using Chrome devtools (July 29, 2013)
• Overcoming the Challenges of Performance Testing Single-page Apps (January 29, 2015)
• Testing AngularJS Apps End to End Using Protractor (February 13, 2015)
• A layout trick (April 4, 2016)
• Speeding Up VWO (September 17, 2016)
• Migrating towards Yarn and Webpack (October 4, 2017)
• Why we've removed Inheritance/Extend from SASS & you should do the same! (November 30, 2017)
• Automated Heatmap Verification E2E using Selenium and Canvas (April 3, 2018)

Wix

• Taking CSS To Scale: A Pragmatic Approach (July 13, 2016)
• Building a React Native App for 80 Million Users (October 1, 2016)
• The Story of Making Wix Accessible (December 14, 2017)
• Improving load time for 100 million websites (June 26, 2018)
• Trim the Fat From Your Bundles Using Webpack Analyzer & React Lazy/Suspense (September 2, 2019)

Yelp

• Whoa! That Embedded Web View Looks Hot in Your iOS App! (November 7, 2013)
• CSS in the Age of React: How We Traded the Cascade for Consistency (March 5, 2018)
• Organizing and Securing Third-Party CDN Assets at Yelp (November 20, 2019)

YNAB

• Progressive Conversion of TypeScript Namespaces to Modules (September 23, 2019)
• Semantic Colors for Designers and Developers: part 1, part 2 and part 3 (February 12, 2020)
• How we use OpenAPI / Swagger for the YNAB API (March 16, 2020)

YouTube

• Page Weight Matters (December 21, 2012)
• Polymer @ YouTube (August 22, 2017)
• A Conspiracy To Kill IE6 (May 1, 2019)

Zajno

• Visualizing money: how we explained a complex financial product using animation (September 25, 2018)

Zynga

• Why & How Words With Friends Is Adopting React Native (September 17, 2018)
• React Native Stability Monitoring (May 14, 2019)

18F

• Building a large-scale design system: How we created a design system for the U.S. government (October 3, 2017)

1Password

• From dark to light and back again (November 8, 2018)

Miscellaneous

• PWA Stats
• Web Performance Optimization Stats
• Production Web Apps Performance Study Q4/16 - Q1/17 (January 21, 2017)
• Case study: improving a popular library’s size for webpack users (June 23, 2017)
• Case study: analyzing the Walmart site performance (April 27, 2018)
• Web Components for Enterprise (July 2019): part 1 and part 2
• Frontend at scale: leaders at Atlassian, Canva, Tinder, and Vimeo discuss frameworks, tooling, and rapidly evolving technologies (May 2020)
• Introducing emoji-picker-element: a memory-efficient emoji picker for the web (June 28, 2020)
• Building an accessible emoji picker (July 1, 2020)

Russian

Amplifr

• Принципы разработки Ð?мплифера (2019)
• Как Ð?мплифер иÑ?пользует Logux — инÑ?трумент длÑ? Ñ?вÑ?зи клиента и Ñ?ервера (5 марта 2020)

Avito

• Фронтенд в Avito (13 декабрÑ? 2015)
• Фронтенд длÑ? миллионов (24 июнÑ? 2017)
• Дизайн-платформа в Avito (8 апрелÑ? 2017)
• Скриншоты как Ñ?ервиÑ? (7 марта 2018)
• Unit-теÑ?тирование Ñ?криншотами: преодолеваем звуковой барьер (14 марта 2018)
• МаÑ?штабируемаÑ? архитектура фронтенда (7 апрелÑ? 2018)
• Каталог компонентов: переоÑ?мыÑ?ление (19 маÑ? 2018)
• Avito Online Frontend: Infrastructure (11 декабрÑ? 2018)
• Avito Online Frontend: Performance (18 декабрÑ? 2018)
• ЖеÑ?Ñ‚ÑŒ длÑ? Jest (17 авгуÑ?та 2019)

auto.ru

• Полный цикл теÑ?тированиÑ? React-приложений (14 июлÑ? 2019)

Badoo

• МногоÑ?зычный Badoo: «трудноÑ?ти перевода» (22 маÑ? 2014)
• Специфика верÑ?тки мультиÑ?зычных веб-приложений (26 марта 2015)
• Как Ñ?обрать Ñ?татиÑ?тику Ñ? веб-Ñ?айта и не набить Ñ?ебе шишек (29 марта 2017)
• Работаем Ñ? API по-взроÑ?лому (14 апрелÑ? 2017)
• Покрываем A/B-теÑ?Ñ‚Ñ‹ UI-теÑ?тами. Как не запутатьÑ?Ñ? в Ñ?обÑ?твенном коде (26 декабрÑ? 2018)
• Sketch + Node.js: генерируем иконки длÑ? множеÑ?тва платформ и брендов. ЧаÑ?Ñ‚ÑŒ 1 (27 февралÑ? 2019) и чаÑ?Ñ‚ÑŒ 2 (12 марта 2019)
• ЛокализациÑ? приложений: как мы подружили перевод и разработку (23 Ñ?нварÑ? 2020)
• Дизайн-токены Ñ?поÑ?обны на большее: Ñ?оздаем единый иÑ?точник информации о компонентах UI (12 марта 2020)

DIRECTUM

• Опыт перевода большого проекта Ñ? Flow на TypeScript (1 авгуÑ?та 2019)

Flocktory

• Разработка Ñ?торонних библиотек (22 маÑ? 2017)

GitLab

• Методы борьбы Ñ? legacy-кодом на примере GitLab (10 декабрÑ? 2019)

HeadHunter

• Ð?Ñ?нчим проект на React-redux Ñ? пелёнок (21 Ñ?ентÑ?брÑ? 2016)
• КачеÑ?тво кода фронтенда в HH (4 февралÑ? 2019)
• Как мы пилили Ñ?ерверный рендеринг и что из Ñ?того вышло (28 марта 2019)

Mail.Ru

• Разработка Ñ?обÑ?твенного решениÑ?: риÑ?ки и ответÑ?твенноÑ?Ñ‚ÑŒ (26 ноÑ?брÑ? 2015)
• Frontend: Разработка и поддержка (6 Ñ?ентÑ?брÑ? 2016)
• Ð?рхитектура фронтенда крупного проекта, как она еÑ?Ñ‚ÑŒ (19 апрелÑ? 2018)
• WebAuthn в реальной жизни: запиÑ?ÑŒ доклада (27 ноÑ?брÑ? 2019), Ñ?татьÑ? (20 февралÑ? 2020)

Microsoft To-Do

• Как Microsoft To-Do иÑ?пользует React (18 июнÑ? 2018)

Miro

• Как мы училиÑ?ÑŒ риÑ?овать текÑ?Ñ‚Ñ‹ на Canvas (3 июлÑ? 2019)

Netcracker

• Выбранный UI-фреймворк – вред. Ð?рхитектурные требованиÑ? – профит (20 июлÑ? 2017)
• МикроÑ?ервиÑ?ный фронтенд — Ñ?овременный подход к разделению фронта (21 авгуÑ?та 2018)

OneTwoTrip

• 9 лет в монолите на Node.JS (9 июлÑ? 2019)
• Как мигрировать Ñ? mocha на jest в 14 проÑ?Ñ‚Ñ‹Ñ… шагов — и зачем (31 Ñ?нварÑ? 2020)

Rambler Group

• Как мы разогнали мобильную Lenta.ru до Ñ?короÑ?ти Ñ?вета (31 марта 2016)
• Проектирование дизайн-Ñ?иÑ?темы Рамблера (18 июнÑ? 2018)
• Опыт Rambler Group: как мы начали полноÑ?тью контролировать формирование и поведение фронтовых React компонентов (12 июлÑ? 2018)
• Apollo: 9 меÑ?Ñ?цев — полет нормальный (27 июлÑ? 2018)
• СпоÑ?обы Ñ?инхронизации вкладок браузера (7 Ñ?ентÑ?брÑ? 2018)
• МаршрутизациÑ? в большом приложении на React (27 Ñ?ентÑ?брÑ? 2018)

Setka

• Разработка Rich Text Editor: проблемы и решениÑ? (5 марта 2018)

Skyeng

• Переход Ñ? AngularJS на Angular (февраль 2018): цели, планы и правила переноÑ?а Ñ?лементов, проблемы и решениÑ? гибридного режима, жизнь поÑ?ле AngularJS
• От Skype до WebRTC: как мы организовали видеоÑ?вÑ?зь через веб (3 апрелÑ? 2019)
• Как мы подружили SCSS Ñ? CSS Variables на примере c темизацией UI Kit (9 июлÑ? 2019)

Sports.ru

• Как в Sports.ru пиÑ?али Ñ?вой WYSIWYG-редактор (13 марта 2020)

Tinkoff

• Как мы разрабатываем новый фронтенд Tinkoff.ru (23 июнÑ? 2016)
• Создание Tinkoff Design System. Первые шаги (18 апрелÑ? 2017)
• Создание Tinkoff Design System. UI Kit, верÑ?ионирование и витрина компонентов (9 октÑ?брÑ? 2017)
• Как организовать работу над библиотекой общих компонентов (25 Ñ?ентÑ?брÑ? 2019)
• WARNING: sanitizing HTML stripped some content и как Ñ? ним правильно боротьÑ?Ñ? (27 Ñ?ентÑ?брÑ? 2019)
• Как заопенÑ?орÑ?ить npm-пакет Ñ? нормальным деплоем, CI и демо (без потери радоÑ?ти к жизни) (30 Ñ?ентÑ?брÑ? 2019)
• Компоненты-агноÑ?тики в Angular (25 октÑ?брÑ? 2019)
• «Шакал»: Ñ?жимаем фронтенд (7 ноÑ?брÑ? 2019)

Wrike

• Чем плох JavaScript в большом проекте? С какими проблемами мы Ñ?толкнулиÑ?ÑŒ и как их решали (16 февралÑ? 2016)
• Как отрефакторить 2 500 000 Ñ?трок кода и не Ñ?ойти Ñ? ума (5 июнÑ? 2017)
• Два года Ñ? Dart: о том, как мы пишем на Ñ?зыке, который ежегодно «хоронÑ?т» (15 июнÑ? 2017)
• DIY: Как мы делали «живое» раÑ?пиÑ?ание длÑ? Codefest X (18 апрелÑ? 2019)
• 10 верÑ?тальщиков на 30 команд. Ð’Ñ‹ рехнулиÑ?ÑŒ? (21 маÑ? 2019)
• Как наÑ?троить веб-аналитику на AMP Ñ?траницах (26 июнÑ? 2019)

Ð?льфа-Банк

• ПредъÑ?вите паÑ?порт (18 авгуÑ?та 2017)
• БЭМ + React: гибкаÑ? архитектура дизайн-Ñ?иÑ?темы (23 октÑ?брÑ? 2017)
• Изоморфное приложение React JS + Spring Boot (27 октÑ?брÑ? 2017)
• Ð?томарные SPA (7 апрелÑ? 2018)
• ТёмнаÑ? Ñ?торона дизайн-Ñ?иÑ?темы и что Ñ? ней делать (16 марта 2020)

Бюро Горбунова

• Как в книгах Бюро Ñ‚Ñ?жёлые картинки выгружаютÑ?Ñ? из памÑ?ти, чтобы браузер не тормозил (29 июнÑ? 2017)

ВКонтакте

• React Ñ?о Ñ?короÑ?тью Ñ?вета: не Ñ?овÑ?ем обычный Ñ?ерверный рендеринг (2 июнÑ? 2017)
• Как оÑ?едлать радугу: иÑ?ториÑ? Ñ?озданиÑ? тёмной темы (29 апрелÑ? 2019)
• Баги, которые вы никогда не вÑ?третите (26 ноÑ?брÑ? 2019)

Додо Пицца

• Додо Пицца: Ñ?обÑ?твеннаÑ? каÑ?Ñ?а на веб-технологиÑ?Ñ… (14 октÑ?брÑ? 2019)
• Лошадь Ñ?дохла – Ñ?лезь: переход Ñ? tslint на eslint (29 октÑ?брÑ? 2019)

Леруа Мерлен

• Опыт интеграции веб-компонентов на Ñ?айт Леруа Мерлен (18 февралÑ? 2020)

Медуза

• Веб-пуш уведомлениÑ? в Медузе (10 декабрÑ? 2015)
• AMP, Instant Articles, Instant View, whut? (23 ноÑ?брÑ? 2016)
• Как иÑ?пользовать каÑ?томные шрифты в вебе и не Ñ?ойти Ñ? ума (1 декабрÑ? 2016)
• ПодкаÑ?Ñ‚Ñ‹ «Медузы» (21 Ñ?ентÑ?брÑ? 2017)

ОдноклаÑ?Ñ?ники

• Ð?рхитектура и платформа проекта ОдноклаÑ?Ñ?ники (21 марта 2011)
• Как мы оптимизировали Ñ?оциальную кнопку (26 авгуÑ?та 2013)
• Ð?овый фронтенд ОдноклаÑ?Ñ?ников: запуÑ?к React в Java. ЧаÑ?Ñ‚ÑŒ 1 и чаÑ?Ñ‚ÑŒ 2 (Ñ?нварь–февраль 2020)

Сбербанк

• За закрытой дверью фронтенда Единой фронтальной Ñ?иÑ?темы (ЕФС) (7 апрелÑ? 2017)
• Redux как Ñ?ердце архитектуры фронтенда Единой фронтальной Ñ?иÑ?темы (4 маÑ? 2017)
• Работа Ñ? периферией из JavaScript: от теории к практике (15 июнÑ? 2017)
• Как работают приложениÑ? Сбербанк Онлайн: Workflow API и Ñ„Ñ€Ñ?ймворки (18 апрелÑ? 2018)

Ситимобил

• Хороший ли выбор Svelte длÑ? реализации виджета? (28 маÑ? 2020)

ЦИÐ?Ð?

• МикроÑ?ервиÑ?ный фронтенд (7 ноÑ?брÑ? 2018)
• Как разрабатывать Ñ?отни A/B-Ñ?кÑ?периментов (28 маÑ? 2019)
• ВнедрÑ?ем Sign in with Apple — Ñ?иÑ?тему авторизации от Apple (8 ноÑ?брÑ? 2019)

ЯндекÑ?

• Как инкрементальные обновлениÑ? влиÑ?ÑŽÑ‚ на Ñ?короÑ?Ñ‚ÑŒ загрузки. Опыт ЯндекÑ?.Почты (6 ноÑ?брÑ? 2014)
• Accessibility. Как мы делаем ЯндекÑ? доÑ?тупным людÑ?м Ñ? ограниченными возможноÑ?Ñ‚Ñ?ми и почему Ñ?читаем Ñ?то важным (21 маÑ? 2015)
• ЛекциÑ? ВиталиÑ? ХариÑ?ова «10k» про лёгкую верÑ?ию поиÑ?ка длÑ? медленных Ñ?оединений и Ñ?поÑ?обы оптимизации кода, позволÑ?ющие уложитьÑ?Ñ? в 10 килобайт (22 апрелÑ? 2017)
• Как Ñ?оздавалаÑ?ÑŒ карта Ñ? голоÑ?ами болельщиков длÑ? Олимпиады (20 авгуÑ?та 2017)
• Как мы делали «нарратив» – новый формат публикаций в ЯндекÑ?.Дзене (16 февралÑ? 2018)
• React в ЯндекÑ? ПоиÑ?ке. Ð?оваÑ? архитектура фронтенда СЕРПа (27 октÑ?брÑ? 2018)
• БÑ?кенд длÑ? фронтенда, или как в ЯндекÑ?.Маркете Ñ?оздают API без коÑ?тылей (1 ноÑ?брÑ? 2018)
• React & БЭМ – официальнаÑ? коллаборациÑ?. ЧаÑ?Ñ‚ÑŒ иÑ?торичеÑ?каÑ? (5 февралÑ? 2019)
• Как Ñ?оздать тёмную тему и не навредить. Опыт команды ЯндекÑ?.Почты (9 апрелÑ? 2019)
• «Под капотом» Турбо-Ñ?траниц: архитектура технологии быÑ?трой загрузки веб-Ñ?траниц (17 июлÑ? 2019)
• От идеи до релиза. Детальный опыт фронтенда Маркета (22 июлÑ? 2019)
• Разработка в монорепозитории (3 октÑ?брÑ? 2019)
• Как мы внедрÑ?ли WebAssembly в ЯндекÑ?.Картах и почему оÑ?тавили JavaScript (19 ноÑ?брÑ? 2019)
• Как уÑ?троено теÑ?тирование фронтенда в ЯндекÑ?.Маркете и почему мы отказываемÑ?Ñ? от еженедельных релизов (10 декабрÑ? 2019)
• Как перепиÑ?ать фронтенд нагруженного проекта и не потерÑ?Ñ‚ÑŒ главного (3 февралÑ? 2020)
• Минифицируем приватные полÑ? в TypeScript (13 июнÑ? 2020)

ЯндекÑ?.Деньги

• Прототипирование на продакшн-технологиÑ?Ñ… (26 октÑ?брÑ? 2017)
• Почему Node.js в качеÑ?тве оÑ?новы фронтенда – Ñ?то круто (31 июлÑ? 2017)
• Создание NPM-модулÑ? ЯндекÑ?.КаÑ?Ñ?Ñ‹ под Node.js — опыт Lodoss Team (1 февралÑ? 2018)
• Фронтенд как у Ñ?ына маминой подруги (26 апрелÑ? 2018)
• Реактивный фронтенд. ИÑ?ториÑ? о том, как мы Ñ?нова вÑ?Ñ‘ перепиÑ?али (15 июнÑ? 2018)
• Jenkins на Ñ?лужбе фронтенд-разработки (22 февралÑ? 2018)

2ГИС

• TARS, Ñ?делай уровень frontend-рутины 0% (26 марта 2015)
• ТеÑ?тируем вёрÑ?тку правильно (18 февралÑ? 2016)
• Этажи: 3D-навигациÑ? на WebGL в 2gis.ru (22 апрелÑ? 2016)
• Дели — Ñ?окращай, или как мы делали мобильный 2ГИС Онлайн (20 июлÑ? 2017)
• Справа налево. Что такое dir=rtl и как приручить арабÑ?кий Ñ?зык (10 маÑ? 2018)
• Справа налево. Как перевернуть интерфейÑ? Ñ?айта под RTL (10 июлÑ? 2018)
• БыÑ?траÑ? генерализациÑ? маркеров на WebGL-карте (6 марта 2019)
• 3D-аркада в браузере: как мы Ñ?делали игру на React + Redux (23 апрелÑ? 2020)

License