Tagged | 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