Tagged | frontend

• Modern Fluid Typography Using CSS Clamp

  (smashingmagazine.com)

  #UI #css #web #frontend

• Improving Core Web Vitals, A Smashing Magazine Case Study

  (smashingmagazine.com)

  #performance #web #frontend

• Why and how to replace end-to-end tests with synthetic monitors

  (www.elastic.co)

  #testing #UI #web #frontend

• Measuring Web Performance at Airbnb

  (medium.com)

  #performance #web #frontend

• Improving The Performance Of Wix Websites (Case Study)

  (smashingmagazine.com)

  #performance #web #frontend

• Etsy’s Journey to TypeScript

  (codeascraft.com)

  #software-engineering #type-script #frontend

• Mobius: Adopting JSX While Prioritizing User Experience

  (codeascraft.com)

  #software-engineering #practices #backend #web #frontend

• A Deep Dive Into Serverless UI With TypeScript

  (smashingmagazine.com)

  #type-script #web #frontend

• Catalog Localization: more than just a translation!

  (tech.instacart.com)

  #software-design #web #frontend #localisation

• Creating the 3 Year Frontend Strategy

  (www.eventbrite.com)

  #software-engineering #software-architecture #practices #frontend

• Micro Frontends: an Introduction

  (capgemini.github.io)

  #software-architecture #design-pattern #web #frontend

• Reliable Cypress Browser Testing at Benchling

  (benchling.engineering)

  #testing #automation #browsers #frontend

• How We Build Micro Frontends With Lattice

  (netflixtechblog.com)

  #software-architecture #design-pattern #web #frontend

• A Content Model Is Not a Design System

  (alistapart.com)

  #frontend #UX #design

• The Engineering Behind Coded Coupons, eBay’s New Seller Tool

  (tech.ebayinc.com)

  #software-engineering #software-architecture #backend #frontend

• Collaborating to Build an Uncertain Layout

  (engineering.squarespace.com)

  #UI #frontend #UX #design

• How We Improved Our Core Block Editing Experience Without It Feeling Like Technical Debt

  (engineering.squarespace.com)

  #software-engineering #UI #practices #frontend

• How To Build Resilient JavaScript UIs

  (smashingmagazine.com)

  #javascript #software-architecture #practices #frontend

• Synchronizing Application State Across Browser Frames

  (engineering.squarespace.com)

  #software-design #software-architecture #frontend

• How We Cut GrabFood.com’s Page JavaScript Asset Sizes by 3x

  (engineering.grab.com)

  #performance #optimisation #build-system #frontend

• Service Architecture at SoundCloud — Part 1: Backends for Frontends

  (developers.soundcloud.com)

  #software-architecture #backend #frontend

• Surfacing eBay Inventory Across the Web with the eBay Items Widget

  (tech.ebayinc.com)

  #software-design #software-architecture #frontend

• Improving our UI testing at SingleStore

  (www.singlestore.com)

  #testing #UI #frontend

• Maintaining End-To-End Quality With Visual Testing

  (smashingmagazine.com)

  #QA #testing #frontend

• Airbnb's Server-driven UI Platform

  (www.infoq.com)

  #software-architecture #mobile #backend #frontend

• Building A Dynamic Header With Intersection Observer

  (smashingmagazine.com)

  #javascript #browsers #frontend

• A framework for building Open Graph images

  (github.blog)

  #web #frontend

• Web Design Done Well: Making Use Of Audio

  (smashingmagazine.com)

  #UI #frontend #UX #design

• How JavaScript works: cross-browser testing + tips for prerelease browsers

  (blog.sessionstack.com)

  #javascript #testing #frontend

• Improving The Performance Of An Online Store (Case Study)

  (smashingmagazine.com)

  #performance #optimisation #frontend

• CSS Container Queries: Use-Cases And Migration Strategies

  (smashingmagazine.com)

  #software-design #migration #css #frontend

• Designing Accessible Builder Apps

  (engineering.salesforce.com)

  #web #frontend #accessibility

• How We Improved Our Core Web Vitals (Case Study)

  (smashingmagazine.com)

  #performance #web #frontend

• Tree-Shaking: A Reference Guide

  (smashingmagazine.com)

  #javascript #performance #build-system #frontend

• A Guide To CSS Container Queries

  (smashingmagazine.com)

  #css #frontend #design

• Reducing HTML Payload With Next.js (Case Study)

  (smashingmagazine.com)

  #reactJS #performance #web #frontend

• How we use Web Components at GitHub

  (github.blog)

  #software-design #web #frontend

• Using web components to encapsulate CSS and resolve design system conflicts

  (about.gitlab.com)

  #software-design #web #frontend

• Speeding Ahead with a Systematic Approach to Web Performance

  (eng.lyft.com)

  #javascript #performance #scaling #frontend

• Modeling Permissions as Types in Typescript

  (spin.atomicobject.com)

  #type-script #design-pattern #frontend #type-system

• Picasso: How to Test a Component Library

  (www.toptal.com)

  #testing #reactJS #frontend

• An In-Depth Guide To Measuring Core Web Vitals

  (smashingmagazine.com)

  #performance #web #frontend

• Building the Confluent UI with React Hooks – Benefits and Lessons Learned

  (www.confluent.io)

  #software-engineering #software-architecture #reactJS #frontend

• Flaky Tests: Getting Rid Of A Living Nightmare In Testing

  (smashingmagazine.com)

  #software-engineering #testing #frontend

• Presentation: From Mixins to Custom Hooks: History of Sharing in React

  (www.infoq.com)

  #software-design #reactJS #web #frontend

• How To Optimize Progressive Web Apps: Going Beyond The Basics

  (smashingmagazine.com)

  #mobile #PWA #web #frontend

• React concurrent mode

  (blog.logrocket.com)

  #reactJS #performance #rendering #frontend

• Rendering One Million Datapoints with D3 and WebGL

  (blog.scottlogic.com)

  #performance #rendering #visualisation #frontend

• Optimization Strategies for the New Facebook.Com - Ashley Watkins at React Conf

  (www.infoq.com)

  #reactJS #performance #frontend

• Facebook's CSS-in-JS Approach - Frank Yan at React Conf 2019

  (www.infoq.com)

  #software-design #reactJS #css #frontend

• CSS at Scale — Public & Private Styles

  (levelup.gitconnected.com)

  #software-architecture #design-pattern #css #frontend

• Presentation: Functional and Visual Testing for Web Applications

  (www.infoq.com)

  #QA #testing #web #frontend

• Deploying state machines with frontend frameworks

  (blog.logrocket.com)

  #javascript #design-pattern #frontend

• Auto Effect Pattern with Redux and React Hooks

  (tech.ebayinc.com)

  #javascript #reactJS #design-pattern #frontend

• Why We Overhauled the Most-Used Screen in Our Product

  (product.hubspot.com)

  #frontend #UX #design

• From 48k lines of code to 10—the story of GitHub’s JavaScript SDK

  (github.blog)

  #software-engineering #javascript #refactor #frontend

• Presentation: React’s Future - Under the Hook

  (www.infoq.com)

  #javascript #reactJS #design-pattern #frontend

• Front End Debugging — Tips on Resolving Issues Quickly so You Can Move on to Better Things

  (tech.ebayinc.com)

  #debugging #software-engineering #practices #frontend

• Making Hundreds of Apps Fast and Reliable

  (product.hubspot.com)

  #software-engineering #performance #practices #frontend

• Automating Complex End-to-End Tests

  (engineering.salesforce.com)

  #javascript #QA #testing #frontend

• Developing in a Monorepo While Still Using Webpack

  (codeascraft.com)

  #practices #build-system #frontend #VCS

• Building dark mode on Stack Overflow

  (stackoverflow.blog)

  #software-engineering #UI #frontend #design

• How Hucssley utility classes can improve frontend development

  (blog.logrocket.com)

  #software-design #css #frontend

• Google's MediaPipe Machine Learning Framework Web-Enabled with WebAssembly

  (www.infoq.com)

  #machine-learning #web-assembly #browsers #frontend

• Understanding accessibility

  (allegro.tech)

  #browsers #frontend #accessibility

• Migrating to React land: Gatsby

  (blog.cloudflare.com)

  #reactJS #migration #web #frontend

• Web Components at Scale at Salesforce: Challenges Encountered, Lessons Learnt

  (www.infoq.com)

  #software-architecture #design-pattern #web #frontend

• State-driven interfaces with XState

  (blog.logrocket.com)

  #software-architecture #design-pattern #frontend

• Rendering charts with OffscreenCanvas

  (blog.scottlogic.com)

  #performance #rendering #browsers #frontend

• Investigating Multi-Window Browser Applications

  (blog.scottlogic.com)

  #software-design #browsers #frontend

• Snowpack vs. webpack

  (blog.logrocket.com)

  #dev-tools #javascript #build-system #frontend

• Automated visual regression testing with Jest

  (blog.logrocket.com)

  #javascript #QA #testing #frontend

• Presentation: Performance Monitoring Back-end and Front-end Using Micrometer

  (www.infoq.com)

  #dev-tools #monitoring #performance #backend #frontend

• Making hundreds of apps fast and reliable

  (product.hubspot.com)

  #software-engineering #practices #frontend

• Five practical tips when using React hooks in production

  (techblog.commercetools.com)

  #javascript #software-architecture #reactJS #design-pattern #frontend

• Webpack 5 Federation: A game changer in JavaScript architecture

  (itnext.io)

  #javascript #build-system #webpack #frontend

• Building with Web Components

  (blog.heroku.com)

  #javascript #web #frontend

• Building (And Re-Building) the Airbnb Design System - React Conf 2019

  (www.infoq.com)

  #reactJS #frontend #design #design-system

• ‘Hooking’ Your Audience Using Drag & Drop in React

  (engineering.salesforce.com)

  #reactJS #design-pattern #frontend

• Debugging performance problems in React

  (blog.logrocket.com)

  #debugging #reactJS #performance #frontend

• Slow Code HATES him! Optimising a web app from 1 to 60fps

  (blog.scottlogic.com)

  #javascript #performance #frontend

• Counting Calories: How We Improved the Performance and Developer Experience of UberEats.com

  (eng.uber.com)

  #software-engineering #reactJS #performance #web #frontend

• CSS animations for DOM observation

  (blog.logrocket.com)

  #rendering #css #web #frontend

• How we transformed the product search for the better

  (techblog.commercetools.com)

  #search #UI #web #frontend #UX

• How We Started Treating Frontend Performance as a Feature

  (product.hubspot.com)

  #monitoring #performance #web #frontend

• Magic Flip Cards: Solving A Common Sizing Problem

  (www.smashingmagazine.com)

  #UI #css #frontend #UX

• The journey to fast production asset builds with Webpack

  (codeascraft.com)

  #javascript #performance #build-system #webpack #frontend

• How Smashing Magazine Manages Content: Migration From WordPress To JAMStack

  (www.smashingmagazine.com)

  #automation #migration #web #frontend

• Article: Why Visual AI Beats Pixel and DOM Diffs for Web App Testing

  (www.infoq.com)

  #software-engineering #AI #testing #automation #frontend

• How We Started Treating Frontend Performance as a Feature

  (product.hubspot.com)

  #software-engineering #performance #practices #frontend

• Successfully porting complex data-driven frontends to React with GraphQL

  (levelup.gitconnected.com)

  #reactJS #graphQL #migration #frontend

• Analysing and improving the performance of a D3FC-WebGL chart

  (blog.scottlogic.com)

  #performance #visualisation #frontend #WebGL

• Article: Functional UI (Framework-Free at Last)

  (www.infoq.com)

  #javascript #software-architecture #design-pattern #frontend

• How we built Picture-in-Picture in Firefox Desktop with more control over video

  (hacks.mozilla.org)

  #javascript #browsers #media #frontend

• CSS-in-JS Performance Cost - Mitigating Strategies

  (www.infoq.com)

  #javascript #performance #css #frontend

• Performance improvements in VWO Smartcode

  (engineering.wingify.com)

  #javascript #performance #frontend

• High Performance Web Apps

  (itnext.io)

  #performance #browsers #web #frontend

• Micro-frontend Architecture: Import chunks from another Webpack bundle at runtime

  (levelup.gitconnected.com)

  #javascript #software-architecture #frontend

• Presentation: Micro-front-ends: The Golden Circle

  (www.infoq.com)

  #javascript #software-architecture #frontend

• Async Failure handling in Typescript

  (www.theguardian.com)

  #software-architecture #type-script #frontend #async

• Evolutionary UI

  (giamir.com)

  #javascript #software-architecture #UI #frontend

• The critical request

  (hackernoon.com)

  #performance #rendering #frontend

• How to build performant web applications for slow networks

  (blog.logrocket.com)

  #performance #mobile #web #frontend

• Making hundreds of developers more efficient by creating a Frontend Platform team

  (product.hubspot.com)

  #software-engineering #automation #practices #frontend

• The Case for WET Tests

  (thoughtbot.com)

  #software-engineering #QA #testing #frontend

• Presentation: WebAssembly: Revolution, Not Evolution

  (www.infoq.com)

  #web-assembly #runtime #frontend

• Migrating the Guardian website to React

  (www.theguardian.com)

  #reactJS #migration #frontend

• Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

  (alistapart.com)

  #UI #browsers #frontend

• Semantics to Screen Readers

  (alistapart.com)

  #browsers #web #frontend #accessibility

• High level Micro-ui Architecture

  (itnext.io)

  #javascript #software-architecture #web #frontend

• Autofill on Browsers: A Deep Dive

  (tech.ebayinc.com)

  #browsers #frontend #accessibility

• Assembling Robust Web Chat Applications with JavaScript: An In-depth Guide

  (medium.com)

  #javascript #software-architecture #design-pattern #frontend

• Reactive Programming in a Modern Web Application

  (levelup.gitconnected.com)

  #javascript #reactive #design-pattern #frontend

• Solving Real Problems With Design

  (thoughtbot.com)

  #frontend #UX #design

• A practical guide to accessibility for forms

  (blog.logrocket.com)

  #web #frontend #accessibility

• Developing Web apps using QML and Qt for WebAssembly

  (itnext.io)

  #web-assembly #UI #web #frontend

• Deep in the Weeds with Reactime, Concurrent React _fiberRoot, and Browser History Caching

  (itnext.io)

  #dev-tools #javascript #reactJS #frontend

• How We Implemented a Baseline Grid Using CSS

  (open.nytimes.com)

  #UI #css #frontend #design

• CSS at an Intersection

  (thoughtbot.com)

  #UI #css #frontend

• Drawing Lines with WebGL

  (blog.scottlogic.com)

  #rendering #graphics #frontend #WebGL

• Intro to Accessibility

  (thoughtbot.com)

  #web #frontend #accessibility

• Article: Porting a Desktop Game Editor to the Browser with WebAssembly

  (www.infoq.com)

  #web-assembly #runtime #browsers #frontend

• A Story of a React Re-Rendering Bug

  (www.eventbrite.com)

  #debugging #javascript #reactJS #frontend

• Creating Online Environments That Work Well For Older Users

  (www.smashingmagazine.com)

  #UI #web #frontend #accessibility

• JavaScript frameworks security report 2019

  (snyk.io)

  #javascript #security #frontend

• Making instagram.com faster: Code size and execution optimizations (Part 4)

  (instagram-engineering.com)

  #javascript #performance #frontend

• Prototyping Micro Frontends

  (itnext.io)

  #javascript #software-design #software-architecture #frontend

• Modeling Currency in Elm using Phantom Types

  (thoughtbot.com)

  #elm #functional-programming #design-pattern #frontend

• How to practically use Performance API to measure performance

  (blog.logrocket.com)

  #performance #browsers #frontend

• The elements of responsive typography

  (blog.logrocket.com)

  #css #web #frontend #design

• The Strengths and Benefits of Micro Frontends

  (www.toptal.com)

  #javascript #software-architecture #frontend

• Building reusable web components with Stencil.js

  (blog.logrocket.com)

  #javascript #web #frontend

• Rethinking Front-end Error Reporting

  (stackshare.io)

  #debugging #QA #web #frontend

• How To Use Breadcrumbs On A PWA

  (www.smashingmagazine.com)

  #mobile #UI #web #frontend #design

• Images done right: Web graphics, good to the last byte

  (evilmartians.com)

  #performance #compression #media #web #frontend

• An Elm debugging story

  (thoughtbot.com)

  #debugging #elm #frontend

• How to Make 3D Charts for the Web Using D3 and X3DOM

  (blog.scottlogic.com)

  #javascript #rendering #visualisation #frontend

• Why is CSS so Weird?

  (hacks.mozilla.org)

  #css #web #frontend #design

• Why we chose ECharts for data visualizations

  (about.gitlab.com)

  #javascript #visualisation #frontend

• Frankenstein Migration: Framework-Agnostic Approach (Part 2)

  (www.smashingmagazine.com)

  #software-engineering #software-design #migration #frontend

• Inside the Web Browser’s Performance API

  (blog.cloudflare.com)

  #javascript #performance #browsers #frontend

• How to upgrade hundreds of React components without breaking production

  (engineering.khanacademy.org)

  #software-engineering #javascript #reactJS #practices #frontend

• Want to Improve UI Performance? Start by Understanding Your User

  (engineering.shopify.com)

  #software-engineering #performance #UI #frontend

• Designing SolidJS: Reactivity

  (itnext.io)

  #javascript #software-design #reactive #frontend

• How to Easily Reuse Components Across Projects and Repositories

  (itnext.io)

  #UI #frontend #design-system

• Jade to React: using prod validation to make modernization safe, fast, and fun

  (benchling.engineering)

  #javascript #migration #frontend

• Machine Learning For Front-End Developers With Tensorflow.js

  (www.smashingmagazine.com)

  #javascript #machine-learning #tensor-flow #frontend

• Frustrations with React Hooks

  (blog.logrocket.com)

  #javascript #reactJS #design-pattern #frontend

• Making Instagram.com faster: Part 2

  (instagram-engineering.com)

  #javascript #software-architecture #performance #web #frontend

• Micro-Frontend

  (itnext.io)

  #javascript #software-design #software-architecture #frontend

• Building without bundling: How to do more with less

  (blog.logrocket.com)

  #dev-tools #javascript #build-system #frontend

• Page visibility and performance metrics

  (allegro.tech)

  #performance #optimisation #web #frontend

• X3D: Declarative 3D for the Modern Web

  (blog.scottlogic.com)

  #javascript #rendering #frontend #WebGL

• Best Practices for Unit Testing in React Version 16

  (eng.uber.com)

  #QA #testing #reactJS #frontend

• Delivering ReactJS applications at scale

  (medium.com)

  #reactJS #scaling #practices #frontend

• High Performance Video Editing for the Mobile Web

  (www.infoq.com)

  #software-architecture #web-assembly #performance #web #frontend

• Faster Image Loading With Embedded Image Previews

  (www.smashingmagazine.com)

  #performance #media #web #frontend #UX

• CSS Architecture with SASS, SMACSS, and BEM.

  (itnext.io)

  #design-pattern #css #frontend

• How to use RxJS operators to consume Observables in your workflow

  (blog.logrocket.com)

  #javascript #reactive #design-pattern #frontend #event-driven

• Delta requests for frequently-updated application bundles: from 2002 to service workers

  (blog.scottlogic.com)

  #history #web #frontend #web-workers

• Adding continuous rendering to the PlantUML server

  (advancedweb.hu)

  #javascript #software-architecture #performance #frontend

• Introducing Pinqueue3.0, Pinterest’s next-gen content moderation platform

  (medium.com)

  #software-design #software-architecture #backend #web #frontend

• How to Win at UI Development in the World of Microservices

  (developer.okta.com)

  #software-architecture #backend #design-pattern #web #frontend

• Improving Webapp Performance with Multi-Threading: a Study of Web Workers' Communication Overhead

  (www.infoq.com)

  #performance #browsers #web #frontend #multi-threading

• Making Instagram.com faster: Part 1

  (instagram-engineering.com)

  #performance #web #frontend

• How to fix the ugly focus ring and not break accessibility in React

  (www.eventbrite.com)

  #reactJS #UI #frontend #accessibility

• A deep dive in the Vue.js source code

  (itnext.io)

  #javascript #software-architecture #internals #vueJS #frontend

• Quantifying UX: Positioning the clone button

  (about.gitlab.com)

  #analytics #web #frontend #UX

• Building a More Seamless Web Booking Flow for Uber

  (eng.uber.com)

  #performance #UI #web #frontend

• Improving the Speed and Accuracy of the Item Page with Light Service

  (www.ebayinc.com)

  #performance #rendering #web #frontend

• Presentation: Rust, WebAssembly, and Javascript Make Three: An FFI Story

  (www.infoq.com)

  #javascript #web-assembly #browsers #frontend #rust

• Understanding RxJS Observables and why you need them

  (blog.logrocket.com)

  #javascript #reactive #frontend #event-driven

• Rematch: Redux Without the Bloat

  (capgemini.github.io)

  #javascript #software-architecture #reactJS #redux #frontend

• How We Migrated To Turbolinks Without Breaking Javascript

  (www.honeybadger.io)

  #software-engineering #javascript #migration #frontend

• Building the Inspect measurement engine

  (engineering.invisionapp.com)

  #software-design #software-architecture #graphics #frontend

• Build a modal using React context, portals, and hooks

  (levelup.gitconnected.com)

  #javascript #software-design #reactJS #frontend

• The Three Key Dimensions of Front-End Frameworks - Evan You at JS Conf Asia 2019

  (www.infoq.com)

  #javascript #software-architecture #frontend

• Faster Fractals with Multi-Threaded WebAssembly

  (blog.scottlogic.com)

  #web-assembly #performance #browsers #frontend #multi-threading

• Web Performance: Understanding the Critical Render Path (Part 1)

  (hackernoon.com)

  #performance #rendering #web #frontend

• TDDing in React with Apollo and TypeScript

  (thoughtbot.com)

  #testing #reactJS #graphQL #frontend

• Thinking of BEM as a UI Philosophy Instead of a CSS Naming Convention

  (itnext.io)

  #software-design #software-architecture #UI #css #frontend

• JavaScript-free Web Development with WebAssembly, Bolero, and F#

  (spin.atomicobject.com)

  #javascript #web-assembly #runtime #frontend

• Real-time processing with Web Workers

  (blog.logrocket.com)

  #javascript #performance #frontend

• Optimizing Google Fonts Performance

  (www.smashingmagazine.com)

  #performance #UI #web #frontend

• Adding a WebAssembly component to a React App

  (blog.scottlogic.com)

  #javascript #web-assembly #reactJS #frontend

• User Interfaces You Can Trust with State Machines

  (medium.com)

  #software-architecture #UI #state-machine #frontend

• The perils of functional CSS

  (itnext.io)

  #software-architecture #UI #css #frontend

• Proxx: Building Fast Web Applications

  (www.infoq.com)

  #performance #mobile #web #frontend #WebGL

• Web Accessibility In Context

  (www.smashingmagazine.com)

  #web #frontend #UX #accessibility

• Learnings in Web Development: Design Patterns, Elm, and Progressive Enhancement

  (eng.uber.com)

  #software-engineering #software-design #web #frontend

• Article: How We Reduced Our React App’s Load Time by 60%

  (www.infoq.com)

  #javascript #reactJS #performance #web #frontend

• What to expect in React v17

  (blog.logrocket.com)

  #javascript #reactJS #performance #frontend

• GraphQL on Rails: from zero to the first query

  (evilmartians.com)

  #RoR #graphQL #ruby #backend #frontend

• Better Apps with React Server-Side Rendering

  (technology.riotgames.com)

  #javascript #reactJS #performance #backend #frontend

• Tips For Managing Design Systems

  (www.smashingmagazine.com)

  #UI #frontend #design

• Drawing 2D charts with WebGL

  (blog.scottlogic.com)

  #rendering #graphics #visualisation #frontend #WebGL

• Presentation: RxJS: A Better Way to Write Front-end Applications

  (www.infoq.com)

  #javascript #reactive #functional-programming #frontend

• Truly reactive programming with Svelte 3.0

  (blog.logrocket.com)

  #javascript #reactive #frontend

• Faster smarter JavaScript debugging in Firefox DevTools

  (hacks.mozilla.org)

  #dev-tools #debugging #browsers #frontend

• Faster script loading with BinaryAST?

  (blog.cloudflare.com)

  #javascript #performance #runtime #systems #frontend

• Building a more flexible D3 chart

  (blog.scottlogic.com)

  #software-design #visualisation #frontend

• Essential React Hooks Design Patterns

  (itnext.io)

  #javascript #reactJS #design-pattern #frontend

• It’s a trap-ezoid: CSS Shapes aren’t what you’d expect

  (blog.logrocket.com)

  #UI #css #frontend

• Hybrid Lazy Loading: A Progressive Migration To Native Lazy Loading

  (www.smashingmagazine.com)

  #performance #browsers #frontend

• A Practical Guide To SVG And Design Tools

  (www.smashingmagazine.com)

  #UI #frontend #svg #design

• Playback on Web at SoundCloud

  (developers.soundcloud.com)

  #media #web #frontend #streaming

• Digging Into The Display Property: Box Generation

  (www.smashingmagazine.com)

  #UI #css #browsers #frontend

• 5 things to consider when creating your CSS style guide

  (blog.logrocket.com)

  #software-design #UI #css #frontend

• A Designer’s Guide To Better Decisions

  (www.smashingmagazine.com)

  #web #frontend #UX #design

• Getting To Know The MutationObserver API

  (www.smashingmagazine.com)

  #javascript #reactive #browsers #frontend

• Personalized UX and the Power of Design and Emotion

  (www.toptal.com)

  #UI #frontend #UX #design

• Design Systems for React Developers

  (blog.risingstack.com)

  #reactJS #web #frontend #design-system

• Storeon: "Redux" in 173 bytes

  (evilmartians.com)

  #javascript #performance #frontend

• Tailwind CSS: Is it tomorrow’s Bootstrap?

  (blog.logrocket.com)

  #UI #css #web #frontend

• Optimizing Performance With Resource Hints

  (www.smashingmagazine.com)

  #performance #optimisation #web #frontend

• Introducing Base Web, Uber’s New Design System for Building Websites in React

  (eng.uber.com)

  #reactJS #UI #frontend #design-system

• (Right to Left (The Mirror World

  (labs.spotify.com)

  #web #frontend #accessibility #localisation

• Building an Open Source Mixpanel Alternative. Part 2: Conversion Funnels

  (blog.statsbot.co)

  #software-design #analytics #visualisation #frontend

• When to use HTML5’s canvas

  (blog.logrocket.com)

  #performance #rendering #frontend #WebGL #svg

• Understanding Subresource Integrity

  (www.smashingmagazine.com)

  #security #web #frontend

• How We Used WebAssembly To Speed Up Our Web App By 20X (Case Study)

  (www.smashingmagazine.com)

  #web-assembly #performance #browsers #frontend

• Building the Squarespace Image Filters

  (engineering.squarespace.com)

  #javascript #software-design #image-processing #web #frontend

• Consuming Messages Out of Apache Kafka in a Browser

  (www.confluent.io)

  #data-stream #apache-kafka #browsers #frontend

• Deep Diving into Vue InstantSearch Version 2

  (blog.algolia.com)

  #software-design #design-pattern #vueJS #frontend

• Building Spotify’s New Web Player

  (labs.spotify.com)

  #software-design #media #web #frontend

• Making Websites Work with Windows High Contrast Mode

  (engineering.khanacademy.org)

  #windows #web #frontend #accessibility

• View Model state preservation using autoConnect

  (tech.instacart.com)

  #reactive #UI #design-pattern #frontend #event-driven

• How To Make A Speech Synthesis Editor

  (www.smashingmagazine.com)

  #javascript #audio-processing #web #frontend

• Make Your Web App Faster, Fast: 3 Performance Strategies

  (www.viget.com)

  #javascript #performance #web #frontend

• Fast, Bump-Allocated Virtual DOMs with Rust and Wasm

  (hacks.mozilla.org)

  #web-assembly #web #frontend #rust

• Machine Learning In The Browser

  (blog.fastforwardlabs.com)

  #machine-learning #tensor-flow #browsers #frontend

• Easily Impossible: One approach to designing a great API

  (hackernoon.com)

  #software-design #API #frontend

• Quantifying UX: How we validated the redesign of GitLab's settings pages

  (about.gitlab.com)

  #research #frontend #UX #design

• Automated end-to-end tests and how they fit into our testing culture

  (medium.com)

  #QA #testing #mobile #practices #frontend

• Iodide: an experimental tool for scientific communication and exploration on the web

  (hacks.mozilla.org)

  #javascript #data-visualisation #web #frontend

• Redux: Scaling LaunchDarkly from 4 to 200 billion feature flags daily

  (stackshare.io)

  #software-engineering #software-architecture #backend #frontend

• Lessons on tree-shaking Lodash with Webpack and Babel

  (www.azavea.com)

  #javascript #optimisation #build-system #frontend

• TypeScript vs PureScript

  (blog.logrocket.com)

  #programming-languages #functional-programming #type-script #frontend

• Single-page applications need better auditing

  (blog.sqreen.com)

  #security #web #frontend

• How streams can simplify your life

  (blog.logrocket.com)

  #reactive #functional-programming #frontend #event-driven

• Building Robust Layouts With Container Units

  (www.smashingmagazine.com)

  #UI #css #browsers #frontend

• State management pattern in JavaScript: Sharing data across components

  (blog.logrocket.com)

  #javascript #design-pattern #state-machine #frontend

• Performance optimized JS architecture

  (itnext.io)

  #javascript #performance #frontend

• Taming the front-end monolith

  (blog.logrocket.com)

  #software-design #software-architecture #frontend

• Tracing or Debugging Vue.js Reactivity: The computed tree

  (medium.com)

  #debugging #reactive #vueJS #frontend

• UI Design Best Practices for Better Scannability

  (www.toptal.com)

  #UI #frontend #UX #design

• Building a query suggestion UX like Google’s

  (blog.algolia.com)

  #software-design #frontend #UX #design

• How to Fail at Accessibility

  (slack.engineering)

  #frontend #UX #design-system #accessibility

• Including Animation In Your Design System

  (www.smashingmagazine.com)

  #web #frontend #animation #design

• How A Screen Reader User Accesses The Web: A Smashing Video

  (www.smashingmagazine.com)

  #web #frontend #accessibility

• Understanding Micro Frontends

  (hackernoon.com)

  #javascript #software-architecture #design-pattern #frontend

• Unifying Our GraphQL Design Patterns and Best Practices with Tutorials

  (engineering.shopify.com)

  #software-architecture #API #graphQL #frontend

• How to extract text from an image using JavaScript

  (blog.logrocket.com)

  #javascript #image-processing #frontend

• Typesafe Frontend Development

  (levelup.gitconnected.com)

  #software-engineering #programming-languages #frontend #type-system

• Guide to Monorepos for Front-end Code

  (www.toptal.com)

  #software-engineering #practices #frontend #VCS

• How I got rid of the new sponsored Facebook posts.

  (hackernoon.com)

  #javascript #frontend

• Build Great PDFs on the Web Using SVG

  (rockthecode.io)

  #software-architecture #web #frontend #svg

• Under-the-hood of Apollo

  (itnext.io)

  #javascript #graphQL #internals #frontend

• The only reason your CSS fails

  (blog.logrocket.com)

  #software-design #css #frontend

• How To Architect A Complex Web Table

  (www.smashingmagazine.com)

  #performance #web #frontend #UX

• Improving React Application Perfomance by Avoiding Unnecessary Updates

  (itnext.io)

  #reactJS #performance #optimisation #frontend

• From TSLint to ESLint, or How I Learned to Lint GraphQL Code

  (artsy.github.io)

  #linting #dev-tools #graphQL #frontend

• Streamlining Frontend-as-a-Service for Backend Teams

  (medium.com)

  #software-engineering #practices #backend #frontend

• Writing a Custom TypeScript AST Transformer

  (levelup.gitconnected.com)

  #type-script #compilers #frontend #AST

• Presentation: Learning to Love Type Systems

  (www.infoq.com)

  #programming-languages #frontend #cs-theory #type-system

• Faster and Lighter: Moving Ad Tech Server-Side

  (open.nytimes.com)

  #javascript #software-architecture #performance #frontend

• Rolling our own Medium-style WYSIWYG

  (levelup.gitconnected.com)

  #javascript #web #frontend #editor

• Table Design Patterns On The Web

  (www.smashingmagazine.com)

  #web #frontend #UX #design

• Leaving Scribe

  (www.theguardian.com)

  #javascript #design-decision #frontend #editor

• Garbage Collection in Redux Applications

  (developers.soundcloud.com)

  #reactJS #memory-management #redux #frontend

• Writing a GraphQL Client in Vanilla JS

  (medium.com)

  #javascript #API #graphQL #frontend

• Presentation: Fantastic Front-end Performance Tricks & Why We Do Them

  (www.infoq.com)

  #javascript #performance #practices #frontend

• Introducing The Component-Based API

  (www.smashingmagazine.com)

  #API #web #frontend #protocols

• How to make VR with the web, a new video series

  (hacks.mozilla.org)

  #browsers #frontend #WebVR

• Painting with CSS

  (blog.logrocket.com)

  #css #frontend

• Why Would Webpack Stop Re-compiling? (The Quest for Micro-Apps)

  (www.eventbrite.com)

  #dev-tools #build-system #webpack #frontend

• How to limit front-end bugs

  (blog.logrocket.com)

  #software-engineering #software-design #practices #frontend

• Porting 30K Lines of Code from Flow to TypeScript

  (www.memsql.com)

  #javascript #migration #type-script #frontend

• Presentation: SOLID JavaScript

  (www.infoq.com)

  #javascript #software-architecture #design-pattern #frontend

• Web Standards: The What, The Why, And The How

  (www.smashingmagazine.com)

  #API #browsers #frontend

• New horizons in CSS: Houdini and the Paint API

  (blog.logrocket.com)

  #rendering #css #frontend

• Designing the Flexbox Inspector

  (hacks.mozilla.org)

  #dev-tools #debugging #css #frontend

• Using Animation Worklet

  (blog.logrocket.com)

  #browsers #web #frontend #animation

• Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

  (www.smashingmagazine.com)

  #javascript #performance #web #frontend

• Why VTS is Moving Off of AngularJS

  (buildingvts.com)

  #software-engineering #javascript #reactJS #migration #frontend

• CSS Grid for Designers

  (open.nytimes.com)

  #UI #css #frontend #design

• Reactivity with RxJS: force press

  (blog.logrocket.com)

  #javascript #reactive #functional-programming #frontend

• How To Learn CSS

  (www.smashingmagazine.com)

  #UI #css #frontend

• Using TypeScript transforms to enrich runtime code

  (blog.logrocket.com)

  #javascript #type-script #frontend

• Common CSS Issues For Front-End Projects

  (www.smashingmagazine.com)

  #css #frontend #design

• Generic First CSS: New Thinking On Mobile First

  (www.smashingmagazine.com)

  #mobile #css #frontend

• What the Rule of Least Power means for modern developers

  (blog.logrocket.com)

  #software-design #web #frontend #opinion

• Sharing Modules Across Experience Services and Multi-Screen Applications

  (www.ebayinc.com)

  #software-design #software-architecture #UI #frontend

• Designing for Readability - A Guide to Web Typography (with Infographic)

  (www.toptal.com)

  #UI #frontend #design #accessibility

• About DOM render utilities

  (blog.scottlogic.com)

  #javascript #software-design #HTML #frontend

• Modernizing the Web Playback UI

  (medium.com)

  #javascript #software-architecture #reactJS #performance #frontend

• Protecting Your Site With Feature Policy

  (www.smashingmagazine.com)

  #security #web #frontend

• Bridging UI libraries for decoupled, long-lived, widely-reusable components

  (blog.scottlogic.com)

  #software-engineering #javascript #software-design #frontend

• From MVC to Modern Web Frameworks

  (hackernoon.com)

  #javascript #software-architecture #design-pattern #frontend

• Front-End Micro Services

  (jobs.zalando.com)

  #software-architecture #microservices #design-pattern #frontend

• Caching Smartly In The Age Of Gutenberg

  (www.smashingmagazine.com)

  #performance #caching #frontend #wordpress

• VisBug 101

  (medium.com)

  #dev-tools #debugging #UI #frontend

• Strategies For Headless Projects With Structured Content Management Systems

  (www.smashingmagazine.com)

  #API #build-system #CMS #frontend

• An Extensive Guide To Progressive Web Applications

  (www.smashingmagazine.com)

  #PWA #web #frontend #service-worker

• Beyond the search bar: advanced e-commerce search experiences

  (blog.algolia.com)

  #search #frontend #UX #design

• Avoiding The Pitfalls Of Automatically Inlined Code

  (www.smashingmagazine.com)

  #javascript #performance #web #frontend

• How to make any website faster

  (blog.logrocket.com)

  #performance #web #frontend

• Discovering the Shadow DOM

  (blog.logrocket.com)

  #javascript #shadow-dom #browsers #frontend

• Realtime crypto charting with JPM Perspective and d3fc

  (blog.scottlogic.com)

  #data-visualisation #real-time #frontend

• Fast Google Fonts with Cloudflare Workers

  (blog.cloudflare.com)

  #performance #CDN #web #frontend

• Snapshot Testing Going Beyond UI

  (engineering.blogfoster.com)

  #QA #testing #UI #frontend

• Experiments with Link Previews to Help Guide Readers

  (open.nytimes.com)

  #web #frontend #UX #design

• Implications Of Thinking In Blocks Instead Of Blobs

  (www.smashingmagazine.com)

  #software-design #web #frontend #wordpress

• The question of “why?” in single-page application frameworks

  (blog.logrocket.com)

  #javascript #software-architecture #frontend #SPA

• Building An Interactive Infographic With Vue.js

  (www.smashingmagazine.com)

  #visualisation #vueJS #frontend #svg

• The Power of Web Components

  (hacks.mozilla.org)

  #HTML #frontend #web-components

• Dyslexic Friendly Font - Khan Academy's New Accessibility Feature

  (engineering.khanacademy.org)

  #web #frontend #accessibility

• Handling Addresses from All Around the World

  (shopifyengineering.myshopify.com)

  #web #frontend #accessibility #localisation

• Presentation: Blazor: C# Running in the Browser via WebAssembly

  (www.infoq.com)

  #web-assembly #runtime #browsers #frontend

• Basic Accessibility for Web Applications

  (capgemini.github.io)

  #web #frontend #accessibility

• Building a Type-safe Embedded DSL for Form Components with Validation

  (medium.com)

  #functional-programming #DSL #frontend #parsing

• Improve Animated GIF Performance With HTML5 video

  (www.smashingmagazine.com)

  #performance #optimisation #web #frontend

• Five years of PostCSS: State of the Union

  (evilmartians.com)

  #dev-tools #build-system #css #frontend

• A Netflix Web Performance Case Study

  (medium.com)

  #javascript #performance #web #frontend

• Create your own dysfunctional single-page app in five easy steps

  (hackernoon.com)

  #javascript #software-architecture #frontend #SPA

• Writing a Frontend Web Framework with WebAssembly And Go

  (hackernoon.com)

  #web-assembly #GoLang #frontend

• Introducing FuseBox, an alternative to Webpack

  (auth0.com)

  #javascript #build-system #webpack #frontend

• The Quest for React Micro-Apps: The Beginning

  (www.eventbrite.com)

  #javascript #software-architecture #frontend

• Architecting product tours in React: How we moved fast without leaving a trail of tech debt

  (blog.asana.com)

  #software-engineering #software-architecture #reactJS #frontend

• The state of UI testing at Mixpanel

  (engineering.mixpanel.com)

  #software-engineering #QA #testing #frontend

• Lazy-Loading Components in React 16.6

  (blog.logrocket.com)

  #software-architecture #reactJS #performance #frontend

• Building Ambitious Apps with MDX

  (auth0.com)

  #reactJS #markdown #frontend

• React’s Render Props in Practice

  (medium.com)

  #software-architecture #reactJS #design-pattern #frontend

• Splicing HTML’s DNA With CSS Attribute Selectors

  (www.smashingmagazine.com)

  #css #HTML #frontend

• WebAssembly’s post-MVP future: A cartoon skill tree

  (hacks.mozilla.org)

  #web-assembly #browsers #frontend

• A/B Testing UX for Component-based Frameworks

  (www.toptal.com)

  #frontend #AB-Testing #UX

• Smart Bundling: How To Serve Legacy Code Only To Legacy Browsers

  (www.smashingmagazine.com)

  #build-system #browsers #frontend

• Client Side Encryption in Firebase Database and Storage

  (hackernoon.com)

  #security #backend #frontend #encryption

• Lessons learned from creating a rich-text editor with real-time collaboration

  (medium.com)

  #algorithms #distributed-systems #real-time #frontend #editor

• Mapping Factorio with Leaflet

  (blog.cloudflare.com)

  #rendering #maps #frontend

• How to reduce the impact of JavaScript on your page load time

  (engineering.gosquared.com)

  #javascript #performance #frontend

• Spoofing Node dependencies?!

  (medium.com)

  #javascript #nodeJS #frontend #mocking

• Reflecting on Wayfair’s Conversion to React and Redux: Seven Months Later

  (tech.wayfair.com)

  #software-engineering #reactJS #migration #frontend

• How Etsy Localizes Addresses

  (codeascraft.com)

  #javascript #frontend #accessibility #localisation

• Presentation: AutoCAD & WebAssembly: Moving a 30 Year Code Base to the Web

  (www.infoq.com)

  #web-assembly #performance #migration #frontend

• What is Modular CSS?

  (itnext.io)

  #software-architecture #css #frontend

• Comparison of state management solutions for React

  (medium.com)

  #javascript #reactJS #frontend

• Unearthing ClojureScript for Front-end Development

  (www.toptal.com)

  #javascript #functional-programming #frontend #clojure

• Performance-Tuning a WebVR Game

  (hacks.mozilla.org)

  #performance #frontend #WebVR

• Client-side vs Server-side vs Pre-rendering for Web Apps

  (www.toptal.com)

  #performance #backend #web #frontend

• Async rendering in React with Suspense

  (blog.logrocket.com)

  #reactJS #performance #frontend #async

• What makes ReasonML so great?

  (blog.logrocket.com)

  #functional-programming #frontend #reasonML

• Removing jQuery from GitHub.com frontend

  (githubengineering.com)

  #javascript #migration #frontend #jQuery

• Lessons Learned: Code Splitting with Webpack and React

  (hackernoon.com)

  #reactJS #performance #webpack #frontend

• Goodbye Redux

  (hackernoon.com)

  #software-architecture #redux #frontend

• A deep dive into GitLab's UX design process

  (about.gitlab.com)

  #frontend #UX #design-system

• TensorFlow.js: Machine Learning in the Browser for Image Recognition

  (blog.scottlogic.com)

  #javascript #machine-learning #tensor-flow #frontend

• Take A New Look At CSS Shapes

  (www.smashingmagazine.com)

  #css #frontend #design

• Shift to Atomic CSS

  (engineering.wingify.com)

  #software-architecture #design-pattern #css #frontend

• Good code practices with React and Redux

  (blog.scottlogic.com)

  #reactJS #redux #design-pattern #frontend

• Helping Designers Adhere to a Design System with Sketch

  (medium.com)

  #dev-tools #web #frontend #design

• Presentation: Break Up with Your Front-end Monolith

  (www.infoq.com)

  #software-architecture #design-pattern #frontend

• Go WebAssembly — Building a Calculator Tutorial

  (hackernoon.com)

  #web-assembly #GoLang #frontend

• Cypress.io – the reason why we’re not stuck with Selenium

  (www.future-processing.pl)

  #QA #testing #frontend

• Implementing single file Web Components

  (medium.com)

  #javascript #HTML #frontend #web-components

• Advanced effects with CSS background blend modes

  (blog.logrocket.com)

  #UI #css #frontend

• Building a System for Front-End Translations

  (engineering.squarespace.com)

  #javascript #frontend #accessibility

• Creating Flexible and Reusable React File Uploaders

  (www.eventbrite.com)

  #javascript #software-design #reactJS #frontend

• Maximizing Process Performance with Maze, Uber’s Funnel Visualization Platform

  (eng.uber.com)

  #software-design #software-architecture #visualisation #frontend

• Fairytale about performance in web application

  (itnext.io)

  #reactJS #performance #web #frontend

• Designing as a developer in 2018

  (blog.logrocket.com)

  #UI #frontend #UX #design

• Web Performance For Third Party Scripts: SmashingConf Videos

  (www.smashingmagazine.com)

  #javascript #performance #web #frontend

• Experiences Using Micro Frontends at IKEA

  (www.infoq.com)

  #software-architecture #web #frontend

• D3.js Tutorial: Building Interactive Bar Charts with JavaScript

  (blog.risingstack.com)

  #data-visualisation #D3js #frontend #svg

• User Experience Psychology And Performance: SmashingConf Videos

  (www.smashingmagazine.com)

  #UI #frontend #UX #design

• Primer on Front End Automation

  (medium.com)

  #testing #automation #web #frontend

• Introducing SpaceAce, a new kind of front-end state library

  (medium.com)

  #state-machine #frontend #SPA

• Webfonts And Performance: SmashingConf Videos

  (www.smashingmagazine.com)

  #performance #web #frontend

• The understated innovation of static site generators

  (hackernoon.com)

  #dev-tools #CMS #frontend

• The future of WebAssembly - A look at upcoming features and proposals

  (blog.scottlogic.com)

  #web-assembly #browsers #compilers #frontend

• What you see is what you get!

  (engineering.hackerearth.com)

  #web #frontend #editor

• 9 Biggest Mistakes with CSS Grid

  (hacks.mozilla.org)

  #css #frontend

• Lighthouse: how to reduce render-blocking scripts

  (fly.io)

  #performance #web #frontend

• Of Note: Better Text Annotations for the Web

  (www.viget.com)

  #API #web #frontend

• The Holy Grail Of Reusable Components: Custom Elements, Shadow DOM, And NPM

  (www.smashingmagazine.com)

  #shadow-dom #browsers #frontend

• Client-side Performance Monitoring with InfluxDB

  (tech.wayfair.com)

  #monitoring #performance #influxDB #frontend

• Improving the Performance of JavaScript Applications

  (hackernoon.com)

  #javascript #performance #frontend

• Styling-API Reinvented

  (jobs.zalando.com)

  #javascript #software-design #css #frontend

• LinkedIn Lite: A Server-Side Rendered PWA

  (engineering.linkedin.com)

  #performance #PWA #web #frontend

• Pattern Library First: An Approach For Managing CSS

  (www.smashingmagazine.com)

  #software-architecture #css #frontend

• Introducing Nuskha

  (engineering.hackerearth.com)

  #reactJS #frontend #design

• CSS Grid Level 2: Here Comes Subgrid

  (www.smashingmagazine.com)

  #css #frontend #GUI

• 5 interesting technical challenges I faced when building FilePond

  (itnext.io)

  #performance #frontend #animation

• Too Old To Rocket Load, Too Young To Die

  (blog.cloudflare.com)

  #dev-tools #javascript #performance #frontend

• React, Reactor, and No. More. Passwords.

  (x-team.com)

  #javascript #reactive #frontend #GUI

• Web Performance Checklist

  (itnext.io)

  #performance #backend #web #frontend

• Creating Web Components with Stencil

  (auth0.com)

  #browsers #frontend #web-components

• Loading Time Matters

  (jobs.zalando.com)

  #performance #web #frontend

• Reusable UI — Web Components

  (itnext.io)

  #software-architecture #frontend #web-components

• Progressive Web Apps: Core Features, Architecture, Pros and Cons

  (hackernoon.com)

  #javascript #PWA #frontend #service-worker

• Advanced Visualization with react-vis

  (towardsdatascience.com)

  #reactJS #data-visualisation #frontend

• A Strategy Guide To CSS Custom Properties

  (www.smashingmagazine.com)

  #css #frontend

• Reimagining The New York Times Digital Story Experience

  (open.nytimes.com)

  #software-architecture #frontend #UX

• Comparing CSS in JS Libraries

  (x-team.com)

  #javascript #css #frontend

• 10 tips to power-up your Java security

  (medium.com)

  #javascript #security #frontend

• Using Finite State Machines to Simplify State With React

  (x-team.com)

  #reactJS #state-machine #frontend

• Achieving Major Stability and Performance Improvements in Yahoo Mail with a Novel Redux Architecture

  (yahooeng.tumblr.com)

  #performance #redux #frontend

• Web Security for Single Page Applications: great impact with little effort

  (techblog.commercetools.com)

  #security #frontend #SPA

• Common Threats in Web Application Security

  (auth0.com)

  #security #web #frontend

• Sneak Peek at WebAssembly Studio

  (hacks.mozilla.org)

  #dev-tools #web-assembly #frontend

• How We Made The Holiday Gift Guide

  (open.nytimes.com)

  #javascript #software-architecture #frontend

• Gamedev with Elm Types

  (robots.thoughtbot.com)

  #elm #frontend #game-dev

• Floor map management system on web, with Leaflet

  (engineering.linecorp.com)

  #javascript #maps #frontend

• Fun with Functors and ReasonML

  (hackernoon.com)

  #functional-programming #frontend #reasonML

• Automated front-end development using deep learning

  (blog.insightdatascience.com)

  #AI #automation #frontend

• CSS Grid Application Layout in Production

  (techblog.commercetools.com)

  #css #HTML #frontend

• Why MobX?

  (jobs.zalando.com)

  #reactive #MobX #frontend

• VueJS as a Frontend for Rails

  (blog.codeship.com)

  #RoR #vueJS #frontend

• Go Fast or Go Home: The Process of Optimizing for Client Performance

  (techblog.expedia.com)

  #javascript #performance #frontend

• How JavaScript works: tracking changes in the DOM using MutationObserver

  (blog.sessionstack.com)

  #javascript #frontend

• Creating WebAssembly-powered library for modern web

  (hackernoon.com)

  #web-assembly #frontend

• How to Write CSS That Works in Every Browser, Even the Old Ones

  (hacks.mozilla.org)

  #software-architecture #css #frontend

• Understanding Composition Browser Events

  (medium.com)

  #javascript #frontend

• Redesigning Redux

  (hackernoon.com)

  #reactJS #redux #frontend

• It’s Resilient CSS Week

  (hacks.mozilla.org)

  #css #frontend

• How Algolia built their frontend search widgets with React.js by following redux principles

  (blog.arkency.com)

  #reactJS #redux #frontend

• Creating and Publishing Web Components with Stencil

  (twilioinc.wpengine.com)

  #javascript #frontend #web-components

• Reflecting on Wayfair’s Conversion to React and Redux

  (tech.wayfair.com)

  #reactJS #migration #redux #frontend

• React’s ⚛️ new Context API

  (medium.com)

  #javascript #reactJS #frontend

• Rethinking front-end error reporting

  (hackernoon.com)

  #QA #frontend

• Developing Games with React, Redux, and SVG - Part 1

  (auth0.com)

  #reactJS #redux #frontend

• Becoming fully reactive: an in-depth explanation of MobX

  (hackernoon.com)

  #reactive #MobX #frontend

• Debugging JavaScript With A Real Debugger You Did Not Know You Already Have

  (www.smashingmagazine.com)

  #debugging #javascript #firefox #frontend

• Web Components from Scratch — Bringing Back the Blink Tag

  (hackernoon.com)

  #frontend #web-components

• How to use JavaScript Proxies for Fun and Profit

  (medium.com)

  #javascript #frontend

• A Million Little Pieces: Functional CSS in React

  (blog.twitch.tv)

  #reactJS #css #frontend

• Making WebAssembly even faster: Firefox’s new streaming and tiering compiler

  (hacks.mozilla.org)

  #web-assembly #optimisation #compilers #frontend

• How Big Is That Box? Understanding Sizing In CSS Layout

  (www.smashingmagazine.com)

  #css #HTML #frontend

• Why aren’t you using Prettier?

  (engineering.hexacta.com)

  #dev-tools #javascript #frontend

• WebAssembly, the journey

  (hackernoon.com)

  #web-assembly #performance #frontend

• Server Rendering, Code Splitting, and Lazy Loading with React Router v4

  (medium.com)

  #javascript #reactJS #frontend

• Demystifying Memory Usage using ES6 React Classes

  (medium.com)

  #javascript #reactJS #memory-management #frontend

• React — Composing Higher-Order Components (HOCs)

  (medium.com)

  #javascript #reactJS #functional-programming #frontend

• Understanding The React Source Code — Initial Rendering (Simple Component) II

  (hackernoon.com)

  #reactJS #internals #frontend

• Making The Transition From After Effects To CSS Transitions And Keyframes

  (www.smashingmagazine.com)

  #css #frontend #animation

• The Top JavaScript Trends to Watch in 2018

  (x-team.com)

  #javascript #trends #web #frontend

• Integrating imperative APIs into a React application

  (medium.com)

  #javascript #reactJS #design-pattern #frontend

• Evil Front Part 3: Modern Front-end in Rails

  (evilmartians.com)

  #software-architecture #RoR #web #frontend

• Formik — Handling files and reCaptcha

  (hackernoon.com)

  #javascript #reactJS #frontend

• How “Controllable” React components maximize reusability

  (medium.com)

  #javascript #reactJS #frontend

• Codeship’s Philosophical Approach to Frontend Testing

  (blog.codeship.com)

  #QA #testing #UI #frontend

• How to Make Your Web App More Reliable and Performant Using webpack: a Yahoo Mail Case Study

  (yahooeng.tumblr.com)

  #performance #optimisation #webpack #frontend

• Building User Experiences with Three.js

  (x-team.com)

  #rendering #frontend #WebGL #threeJS

• Animations in VueJS

  (engineering.wingify.com)

  #vueJS #frontend #animation

• Evil Front Part 2: Modern Front-end in Rails

  (evilmartians.com)

  #RoR #ruby #frontend

• WebAssembly, an executable format for the web

  (blog.octo.com)

  #web-assembly #frontend

• The Glimmer Binary Experience

  (engineering.linkedin.com)

  #performance #emberJS #frontend

• Building a great touchpad experience for the web with Pointer Events

  (blogs.windows.com)

  #javascript #frontend #edge

• Evil Front Part 1: Modern Front-end in Rails

  (evilmartians.com)

  #RoR #ruby #frontend

• Recent web performance fixes on Airbnb listing pages

  (medium.com)

  #javascript #reactJS #performance #frontend

• Webpack: A Gentle Introduction to the Module Bundler

  (auth0.com)

  #javascript #build-system #webpack #frontend

• Debugging CSS Grid Layouts With Firefox Grid Inspector

  (www.smashingmagazine.com)

  #debugging #firefox #css #frontend

• Alpha Blending and WebGL

  (engineering.canva.com)

  #javascript #rendering #frontend #WebGL

• Curry away in React

  (hackernoon.com)

  #javascript #reactJS #functional-programming #frontend

• Why we've removed Inheritance/Extend from SASS & you should do the same!

  (engineering.wingify.com)

  #software-architecture #css #frontend

• How to Design an Effective Landing Page

  (www.toptal.com)

  #UI #frontend #UX

• The Best Request Is No Request, Revisited

  (alistapart.com)

  #performance #HTTP2 #web #frontend

• Transmission (TX)— a Flux alternative

  (hackernoon.com)

  #javascript #software-architecture #reactJS #frontend

• Implementing GraphQL API In The Browser

  (tech.showmax.com)

  #javascript #graphQL #frontend

• Faux Grid Tracks

  (alistapart.com)

  #css #browsers #frontend

• The New York Times — Now On Apollo

  (open.nytimes.com)

  #reactJS #graphQL #frontend

• Front-end microservices with Web Components

  (hackernoon.com)

  #software-architecture #microservices #frontend #opinion

• Using CSS Grid: Supporting Browsers Without Grid

  (www.smashingmagazine.com)

  #css #browsers #frontend

• Quick guide to Webpack bundle and code splitting with React

  (blog.logrocket.com)

  #reactJS #optimisation #webpack #frontend

• Migrating Angular 1.x apps to React — The Hybrid Way!

  (medium.com)

  #reactJS #migration #angularJS #frontend

• How to Build Your Own Reactivity System

  (hackernoon.com)

  #javascript #reactive #frontend

• How we do Vue: one year later

  (about.gitlab.com)

  #javascript #vueJS #frontend

• Go beyond console.log with the Firefox Debugger

  (hacks.mozilla.org)

  #debugging #web #frontend

• React integration testing with Enzyme

  (engineering.pivotal.io)

  #QA #testing #reactJS #frontend

• Optimizing Performance with Web Workers

  (engineering.salesforce.com)

  #optimisation #frontend #async #web-workers

• Simple React Patterns

  (www.codementor.io)

  #reactJS #design-pattern #frontend

• Redux TDD: a deep dive

  (hackernoon.com)

  #testing #internals #redux #frontend

• Clean Code: Why HTML/CSS Essentials Still Matter

  (www.toptal.com)

  #css #HTML #best-practices #frontend

• React/Redux with Mapbox

  (hackernoon.com)

  #reactJS #maps #frontend

• Bridging Elm and JavaScript with Ports

  (robots.thoughtbot.com)

  #javascript #elm #frontend

• Sleek and Fast: Speeding Up your Fat Web Client

  (engineering.linkedin.com)

  #performance #optimisation #emberJS #web #frontend

• MVC vs. MVVM: How a Website Communicates With Its Data Models

  (hackernoon.com)

  #software-architecture #frontend

• Designing The Wayback Machine Loading Animation

  (intoli.com)

  #UI #frontend #svg

• Rebuilding slack.com

  (slack.engineering)

  #performance #optimisation #css #frontend

• Migrating towards Yarn and Webpack

  (engineering.wingify.com)

  #migration #webpack #frontend #yarn

• Code Splitting With Vue.js And Webpack

  (www.codementor.io)

  #dev-tools #webpack #vueJS #frontend

• App Security: Introducing Cross-Site Scripting

  (fly.io)

  #security #web #frontend

• UI Testing at Squarespace: Part I

  (engineering.squarespace.com)

  #QA #testing #UI #frontend

• Lessons from migrating a large codebase to React 16

  (blog.discordapp.com)

  #reactJS #migration #frontend

• Multi-user experiences with A-Frame

  (hacks.mozilla.org)

  #VR #frontend #WebVR

• Passing and returning WebAssembly array parameters

  (becominghuman.ai)

  #web-assembly #frontend

• Everything You Ever Wanted to Know About Secure HTML Forms

  (twilioinc.wpengine.com)

  #security #HTML #web #frontend

• From Bootstrap to CSS Grid

  (open.nytimes.com)

  #UI #css #frontend

• eBay’s Font Loading Strategy

  (www.ebaytechblog.com)

  #optimisation #webdev #frontend

• Testing for Application Front End Performance with Web Page Test

  (blog.developer.bazaarvoice.com)

  #testing #performance #web #frontend

• The Lazy Developer's Guide to Authentication with Vue.js

  (developer.okta.com)

  #auth #vueJS #frontend

• The Ember Run Loop and Asynchronous Testing

  (medium.com)

  #testing #emberJS #frontend

• Experimenting with WebAssembly and Computer Vision

  (hacks.mozilla.org)

  #image-processing #web-assembly #frontend

• Modernizing Force

  (artsy.github.io)

  #software-engineering #refactor #frontend

• Life After Flash: Multimedia for the Open Web

  (hacks.mozilla.org)

  #HTML #frontend #flash

• The Why and How of Google AMP at Condé Nast

  (technology.condenast.com)

  #software-architecture #frontend #AMP

• Treating performance as a product: The technical story of Asana’s arduous rewrite

  (blog.asana.com)

  #software-engineering #performance #frontend

• Embracing real-time feature toggling in your React application

  (techblog.commercetools.com)

  #javascript #software-design #reactJS #frontend