frontend-case-studies
💼 A curated list of talks and articles about real world frontend development
https://github.com/andrew--r/frontend-case-studies
Last synced: 9 days ago
JSON representation
-
English
-
[18F](https://18f.gsa.gov/)
-
[1Password](https://1password.com/)
-
[AdRoll](https://www.adroll.com)
- Rollup: Shared UI components at AdRoll
- Rollup: How we use React.js and npm to share UI code at AdRoll
- Rollup: What we have learned from sharing UI code at AdRoll
- gulp-react-docs: From propTypes to Markdown in 3 seconds
- How to Create a Style Guide: Start with a UI Framework
- How to Run a Front-End Infrastructure Team
- Lazy loading Backbone collections with Promises
- Rollup: Shared UI components at AdRoll
- Rollup: How we use React.js and npm to share UI code at AdRoll
- Rollup: What we have learned from sharing UI code at AdRoll
- gulp-react-docs: From propTypes to Markdown in 3 seconds
- How to Create a Style Guide: Start with a UI Framework
- How to Run a Front-End Infrastructure Team
-
[Aha!](https://www.aha.io)
-
[Airbnb](https://www.airbnb.com)
- Turbocharged JavaScript Refactoring with Codemods
- Rearchitecting Airbnb’s Frontend
- Migrating from Mocha to Jest
- React Performance Fixes on Airbnb Listing Pages
- Server Rendering, Code Splitting, and Lazy Loading with React Router v4
- React Native at Airbnb - engineering/react-native-at-airbnb-the-technology-dafd0b43838), [Building a Cross-Platform Mobile Team](https://medium.com/airbnb-engineering/building-a-cross-platform-mobile-team-3e1837b40a88), [Sunsetting React Native](https://medium.com/airbnb-engineering/sunsetting-react-native-1868ba28e30a), [What’s Next for Mobile at Airbnb](https://medium.com/airbnb-engineering/whats-next-for-mobile-at-airbnb-5e71618576ab)
- Operationalizing Node.js for Server Side Rendering
- How Airbnb is Moving 10x Faster at Scale with GraphQL and Apollo
- Building (And Re-Building) the Airbnb Design System
- ts-migrate: A Tool for Migrating to TypeScript at Scale
- Building a Faster Web Experience with the postTask Scheduler
- A Deep Dive into Airbnb’s Server-Driven UI System
- Measuring Web Performance at Airbnb
- Faster JavaScript Builds with Metro
- Airbnb’s Trip to Linaria
- Building (And Re-Building) the Airbnb Design System
- Improving Performance with HTTP Streaming
- Rethinking Text Resizing on Web
- How Airbnb Smoothly Upgrades React
- Adopting Bazel for Web at Scale
- Building (And Re-Building) the Airbnb Design System
-
[ALDO](https://www.aldogroup.com)
-
[Algolia](https://www.algolia.com)
-
[Allegro](https://allegro.pl)
- Managing Frontend in the Microservices Architecture
- Why Allegro Ads chose TypeScript
- Page visibility and performance metrics
- Performance of JavaScript optional chaining
- Using ESLint to improve your app’s performance
- Measuring Web Performance
- Making API calls a seamless user experience
- CSS Architecture and Performance in Micro Frontends
- How to turn on TypeScript strict mode in specific files
- Evolution of web performance culture
- How we refactored the search form UI component
-
[Amazon](https://www.amazon.com)
-
[Artsy](https://www.artsy.net/)
- Rendering on the Server and Client in Node.js
- The Tech Behind Live Auction Integration
- React Native at Artsy
- Making Artsy Editorial Accessible
- Helping the Web Towards OSS by Default
- JSON Web Tokens: Artsy's Journey
- Exploration: Front-end JavaScript at Artsy in 2017
- Modernizing Force
- React Native, 2 years later
- Keeping Artsy's dependencies up to date
- Switch from Capybara Webkit to Chrome
- GraphQL: Union vs. Interface
- From TSLint to ESLint, or How I Learned to Lint GraphQL Code
- GraphQL Stitching 101
-
[Atlassian](https://www.atlassian.com/)
- Trellisheets: How we spin up CSS for Trello sites with ease
- A look at Trello: adopting GraphQL and Apollo in a legacy application
- Using an event-driven architecture to improve Jira Software responsiveness
- Scaling React server-side rendering in Jira Cloud
- Improving performance through better architecture
- Performance in Jira front-end: the story of a single line of code
- Performance in Jira front-end: using modern bundles to improve load time
- Performance in Jira front-end: solving bundle duplicates with Webpack and yarn
- Trellisheets: How we spin up CSS for Trello sites with ease
- Scaling React server-side rendering in Jira Cloud
- A look at Trello: adopting GraphQL and Apollo in a legacy application
- Using an event-driven architecture to improve Jira Software responsiveness
- Improving performance through better architecture
- Performance in Jira front-end: the story of a single line of code
- Performance in Jira front-end: using modern bundles to improve load time
- Performance in Jira front-end: solving bundle duplicates with Webpack and yarn
-
[Australian Broadcasting Corporation](http://abc.net.au/)
-
[Badoo](https://badoo.com)
- How to teach a web app to speak 100 languages: the specifics of localisation
- The painless way to collect statistics from a web-site
- Translating interfaces into almost fifty languages: Sketch
- part 1 - hot-localisations-update-12272511df0c) (November 2017)
- part 1 - zero-to-cosmos-part-2-97929e13f839), [part 3](https://badootech.badoo.com/from-zero-to-cosmos-part-3-95e2c98c45a6) (February 2018)
- Translating Dust templates to JSX
- How to manage your Design Tokens with Style Dictionary
- why is it not the same as it is for designers - alignment-for-frontend-developers-part-ii-how-can-the-process-be-automated-e41d8de2b18f) (November 22, 2018)
- from the idea to the assets Sketch files - multi-brand-multi-platform-icons-with-sketch-and-a-node-js-script-part2-8d02e8bb915a) (December 2018)
- Covering A/B tests with UI tests: how to avoid getting tangled up in your own code
- Design Tokens beyond colors, typography, and spacing
- How to manage your Design Tokens with Style Dictionary
- How to teach a web app to speak 100 languages: the specifics of localisation
- The painless way to collect statistics from a web-site
- Translating interfaces into almost fifty languages: Sketch
- part 1 - hot-localisations-update-12272511df0c) (November 2017)
- part 1 - zero-to-cosmos-part-2-97929e13f839), [part 3](https://badootech.badoo.com/from-zero-to-cosmos-part-3-95e2c98c45a6) (February 2018)
- Translating Dust templates to JSX
- why is it not the same as it is for designers - alignment-for-frontend-developers-part-ii-how-can-the-process-be-automated-e41d8de2b18f) (November 22, 2018)
- from the idea to the assets Sketch files - multi-brand-multi-platform-icons-with-sketch-and-a-node-js-script-part2-8d02e8bb915a) (December 2018)
- Covering A/B tests with UI tests: how to avoid getting tangled up in your own code
- Design Tokens beyond colors, typography, and spacing
-
[BBC](http://www.bbc.com)
-
[Betty Crocker](https://www.bettycrocker.com)
-
[Bitmovin](https://bitmovin.com)
- To Play, or Not to Play – New AutoPlay Policies for Safari 11 and Chrome 64
- How Bitmovin Used React/Redux to Develop Its New Dashboard
- To Play, or Not to Play #2 – Firefox blocks audible autoplay by default!
- How Bitmovin Used React/Redux to Develop Its New Dashboard
- To Play, or Not to Play – New AutoPlay Policies for Safari 11 and Chrome 64
- To Play, or Not to Play #2 – Firefox blocks audible autoplay by default!
- How Bitmovin Used React/Redux to Develop Its New Dashboard
- To Play, or Not to Play – New AutoPlay Policies for Safari 11 and Chrome 64
- To Play, or Not to Play #2 – Firefox blocks audible autoplay by default!
-
[blogfoster](http://www.blogfoster.com/)
-
[Bloomberg](https://www.bloomberg.com/)
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
- wsk: A Straightforward and Maintainable Build System from the Bloomberg Graphics Team
- 10 Insights from Adopting TypeScript at Scale
- How Bloomberg Used React Native to Develop its new Consumer App
-
Categories
Sub Categories
[Netflix](https://netflix.com)
632
[Medium](https://medium.com/)
443
[OYO](https://www.oyorooms.com)
356
[Treebo](https://www.treebo.com/)
284
[The New York Times](https://www.nytimes.com)
256
[Lyft](https://lyft.com)
198
[Infinite Red](https://infinite.red/)
196
[BuzzFeed](https://www.buzzfeed.com)
195
[Campaign Monitor](https://www.campaignmonitor.com/)
150
[Klarna](https://www.klarna.com)
148
[Udacity](https://www.udacity.com/)
126
[Instagram](https://www.instagram.com/)
98
[Palantir](https://www.palantir.com/)
94
[Bloomberg](https://www.bloomberg.com/)
87
[Медуза](https://meduza.io/)
68
[Wix](https://www.wix.com/)
52
[Kickstarter](https://www.kickstarter.com/)
49
[Яндекс](https://www.yandex.ru/)
45
[Badoo](https://badoo.com)
44
[Trivago](https://www.trivago.com)
38
[HealthCare.gov](https://www.healthcare.gov/)
37
[Avito](https://www.avito.ru/)
34
Miscellaneous
30
[Etsy](https://www.etsy.com)
27
[Mixmax](https://mixmax.com/)
26
[Lucidchart](https://www.lucidchart.com/)
25
[PayPal](https://www.paypal.com)
24
[eBay](https://www.ebay.com)
24
[Slack](https://slack.com)
24
[Walmart Labs](https://www.walmartlabs.com/)
23
[GitLab](https://gitlab.com)
22
[2ГИС](https://2gis.ru)
22
[Airbnb](https://www.airbnb.com)
21
[Financial Times](https://www.ft.com)
20
[Flickr](https://www.flickr.com/)
20
[Expedia Group](https://www.expediagroup.com)
20
[Khan Academy](http://khanacademy.org/)
20
[Google](https://google.com)
19
[Wikimedia](https://www.wikimedia.org)
19
[Tinkoff](https://www.tinkoff.ru/)
18
[DoorDash](https://www.doordash.com)
18
[Pinterest](https://pinterest.com)
18
[Rambler Group](https://rambler-co.ru/)
17
[GitHub](https://github.com)
17
[Atlassian](https://www.atlassian.com/)
16
[Twitter](https://twitter.com)
15
[GOV.UK](https://www.gov.uk)
15
[ЮMoney (Яндекс.Деньги)](http://money.yandex.ru/)
15
[Facebook](https://facebook.com)
15
[Mail.Ru](https://mail.ru)
14
[Альфа-Банк](https://alfabank.ru)
14
[Wrike](https://www.wrike.com)
14
[Artsy](https://www.artsy.net/)
14
[FARFETCH](https://www.farfetch.com)
13
[Dropbox](https://www.dropbox.com)
13
[AdRoll](https://www.adroll.com)
13
[ЦИАН](https://cian.ru)
12
[Pinafore](https://pinafore.social)
12
[LinkedIn](https://www.linkedin.com)
12
[Figma](https://www.figma.com)
12
[Gusto](https://gusto.com/)
12
[Spotify](https://www.spotify.com)
12
[Allegro](https://allegro.pl)
11
[Sentry](https://sentry.io)
11
[Skyeng](https://skyeng.ru)
10
[ISPSystem](https://www.ispsystem.ru)
10
[HeadHunter](https://hh.ru/)
10
[Wingify](https://wingify.com/)
10
[Bitmovin](https://bitmovin.com)
9
[Cloudflare](https://www.cloudflare.com/)
9
[SoundCloud](https://soundcloud.com/)
9
[InVision](https://www.invisionapp.com)
8
[Intuit](https://www.intuit.com)
8
[Uber](https://www.uber.com)
8
[Tumblr](https://www.tumblr.com/)
7
[grammarly](https://www.grammarly.com)
7
[Heap](https://heap.io)
7
[DAZN](https://dazn.com/)
7
[Yelp](https://www.yelp.com)
7
[blogfoster](http://www.blogfoster.com/)
6
[stripe](https://stripe.com)
6
[ВКонтакте](https://vk.com)
6
[repl.it](https://repl.it)
6
[Сбербанк](http://sberbank.ru/)
6
[The Knot Worldwide](https://www.theknotww.com/)
6
[Netcracker](https://www.netcracker.com/)
6
[YouTube](https://www.youtube.com)
6
[The Guardian](https://www.theguardian.com/)
6
[Одноклассники](https://ok.ru/)
6
[Додо Пицца](https://dodois.com)
5
[REA Group](https://www.rea-group.com/)
5
[Microsoft To-Do](https://to-do.microsoft.com/)
5
[Datadog](https://www.datadoghq.com)
5
[Shopify](https://shopify.com)
5
[Reddit](https://about.reddit.com)
4
[Vercel](https://vercel.com)
4
[BBC](http://www.bbc.com)
4
[Joom](https://www.joom.com)
4
[Quizlet](https://quizlet.com/)
4
[The Telegraph](https://www.telegraph.co.uk)
4
[OneTwoTrip](https://www.onetwotrip.com/)
4
[Quora](https://www.quora.com/)
4
[Учи.ру](https://uchi.ru)
4
[OK GROW!](https://www.okgrow.com/)
4
[Flocktory](https://www.flocktory.com)
3
[Carousell](https://carousell.com)
3
[Pivotal Tracker](https://www.pivotaltracker.com)
3
[New Relic](https://newrelic.com/)
3
[Mozilla](https://www.mozilla.org)
3
[TinyMCE](https://www.tinymce.com/)
3
[npm](https://www.npmjs.com)
3
[Amplifr](https://amplifr.com)
3
[Product Hunt](https://www.producthunt.com)
3
[Setka](https://setka.io/)
3
[Twitch](https://www.twitch.tv)
3
[YNAB](https://www.youneedabudget.com)
3
[Monzo](https://monzo.com)
3
[Tokopedia](hthttps://www.tokopedia.com)
3
Прочее
3
[Reaktor](https://reaktor.com/)
3
[Insider Inc.](https://www.insider-inc.com/)
3
[Redmart](https://redmart.com/)
3
[Stack Overflow](https://stackoverflow.com)
3
[Carbon Five](https://www.carbonfive.com/)
3
[Tines](https://www.tines.com)
3
[Scratch](https://scratch.mit.edu)
2
[Clearleft](https://clearleft.com)
2
[Amazon](https://www.amazon.com)
2
[Sports.ru](https://www.sports.ru)
2
[Tinder](https://tinder.com)
2
[Delivery Club](https://www.delivery-club.ru/)
2
[Unity](https://unity.com/)
2
[CodeSandbox](https://codesandbox.io/)
2
[Zynga](https://www.zynga.com/)
2
[DEV](https://dev.to)
2
[Skillshare](https://skillshare.com/)
2
[Thread](https://www.thread.com/)
2
[Mail.ru](https://mail.ru)
2
[Algolia](https://www.algolia.com)
2
[Superhuman](https://superhuman.com)
2
[Flipboard](https://flipboard.com)
2
[Notion](https://www.notion.so)
2
[Хабр](https://habr.com/ru)
2
[Spectrum](https://spectrum.chat/)
2
[Спортмастер](https://www.sportmaster.ru)
2
[DIRECTUM](https://www.directum.ru/)
2
[Леруа Мерлен](https://leroymerlin.ru)
2
[Oyster](https://www.oyster.com/)
2
[Miro](https://miro.com/)
2
[Revolut](https://www.revolut.com)
2
[Бюро Горбунова](https://bureau.ru)
2
[Mercado Libre](http://www.mercadolibre.com)
2
[cars.com](https://www.cars.com)
2
[Ситимобил](https://city-mobil.ru)
2
[Goibibo](https://www.goibibo.com)
2
[Electronic Arts](https://www.ea.com)
2
[Line](https://line.me)
2
[Verve](https://verve.co)
2
[Plaid](https://plaid.com)
2
[1Password](https://1password.com/)
2
[Plotly](https://plot.ly/)
2
[ezCater](https://www.ezcater.com/)
2
[auto.ru](https://auto.ru/)
2
[Mixpanel](https://mixpanel.com/)
2
[Betty Crocker](https://www.bettycrocker.com)
1
[The U.S. Digital Service](https://www.usds.gov/)
1
[Checkbot](https://www.checkbot.io/)
1
[in der Apotheke](https://www.inderapotheke.de/)
1
[Microsoft Bing](https://bing.com)
1
[MemSQL](https://www.memsql.com)
1
[Proton](https://proton.me)
1
[TakeShape](https://www.takeshape.io)
1
[EdgeDB](https://www.edgedb.com)
1
[fastq.bio](http://www.fastq.bio/)
1
[ALDO](https://www.aldogroup.com)
1
[The Wall Street Journal](https://www.wsj.com)
1
[Roompact](https://roompact.com)
1
[Futurice](https://futurice.com)
1
[18F](https://18f.gsa.gov/)
1
[Mailchimp](https://mailchimp.com)
1
[Unsplash](https://unsplash.com)
1
[ThomasNet](https://www.thomasnet.com/)
1
[Garbarino](https://www.garbarino.com/)
1
[This Also](http://thisalso.com)
1
[Internet Archive](https://archive.org/)
1
[Flipkart](https://www.flipkart.com)
1
[MDN](https://developer.mozilla.org)
1
[Myntra](https://www.myntra.com)
1
[Safety Culture](https://safetyculture.com/)
1
[SumUp](https://sumup.com)
1
[Conductor](https://www.conductor.com/)
1
[Aviasales](https://www.aviasales.ru)
1
[Mud](https://ournameismud.co.uk)
1
[Evil Martians](https://evilmartians.com/)
1
[Australian Broadcasting Corporation](http://abc.net.au/)
1
[Ele.me](https://www.ele.me)
1
[Zajno](https://zajno.com/)
1
[Snipcart](https://snipcart.com)
1
[Condé Nast](http://www.condenast.com)
1
[The Times & The Sunday Times](https://www.thetimes.co.uk)
1
[Cloud Four](https://cloudfour.com/)
1
[Aha!](https://www.aha.io)
1
[De Voorhoede](https://www.voorhoede.nl)
1
[<div>RIOTS](https://divriots.com)
1