The Front-End Performance Checklist

An extensive list of things you should check or at least be aware of as a front-end developer trying to make your sites work as fast as possible. - http://amp.gs/VI1o

#frontEnd

Reverb and the Web Audio API

A two-part blog post series by Anton Miselaytes on various techniques for generating reverb (synthesising the effect of an acoustic space). Including the theory and practice of convolution reverb and various algorithmic reverb approaches. - http://amp.gs/VIQ9

#webApi #audio

The Cost of JavaScript in 2018

A detailed write-up of thoughts and findings on how much effect JavaScript has on page sizes and performance and some ways to improve matters. - http://amp.gs/VjMx

#javascript

Dynamic Social Sharing Images

It’s been on my list of side projects to enable automatic screenshots for the Am I Responsive tool, I think this is something which I could adapt - http://amp.gs/V8uE

#image #responsive #tools

How To Upload Files With .NET Core Web API and Angular

Being able to upload files and use them afterward is the required feature of many applications. Sometimes this is not a trivial task to accomplish. - http://amp.gs/VTi4

#angular #net #core

Vue.js & GraphQL: Tying Airtable Data to a Gridsome App - Snipcart

Vue.js and GraphQL are two powerful modern JavaScript tools. Gridsome finally leverages both to build great websites & apps. -
http://amp.gs/VzOB

#vue #graphql

The Front-End Tooling Survey 2018 Results

Over 5,000 frontend developers took part in this survey and the results on which tools and techniques frontend devs are using remain useful to reflect upon. - http://amp.gs/VzcM

#frontEnd #survey

Debug Angular Apps in Production Without Revealing Source Maps

When our app gets deployed to production we often encounter different code than what we edited during development. Our code gets modified and optimized during the build process. - http://amp.gs/V1E0

#angular

JavaScript Algorithms and Data Structures

JavaScript examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. - http://amp.gs/VY8l

#javascript #algorithms

Boost Angular’s Performance by Lazy Loading your Modules

In this article, we will talk about lazy loading in Angular. At the end of this article, we will gain a valuable insight into how to boost the performance of our Angular apps by loading our ngModules on demand. - http://amp.gs/VYPh

#angular

Why Beginning Designers Don’t Need to Learn Grids, Type Scales, or Color Theory

It’s not that you don’t need to learn them and that’s it, but Erik talks more about what you should be focusing on to get great design results which aren’t based on the traditional approaches. - http://amp.gs/VY3c

#ui #design

Top JavaScript Frameworks and Topics to Learn in 2019

We see a lot of ‘top X’ posts when editing JavaScript Weekly but this annual review of the JavaScript tech ecosystem by none other than Eric Elliott is always a crowd pleaser. - http://amp.gs/Vtdp

#javascript

React-with-Gesture: A Utility for Component-Tied Pointer Gestures

If you’ve been intimidated with setting up a touch or mouse-based gesture for your components and views, react-with-gesture promises to make it easier. The live demo is neat. - http://amp.gs/Vmfe

#react

Handle http responses with HttpInterceptor and Toastr in Angular

Have you ever been in need of a centralized system that takes care of your http responses? Every time you work on a big project with a ton of http requests, that problem comes to the surface. In this article, we will learn how to deal with it, by using an http interceptor and the ngx-toastr plugin to display those messages. - http://amp.gs/VZlU

#angular

Vue.js & GraphQL Tutorial: Tying Airtable Data to a Gridsome App

Gridsome leverages Vue.js and GraphQL to build static, data-driven frontend apps. In this tutorial, you’ll see how Airtable can be used as a data source for Gridsome. - http://amp.gs/Vpfb

#vue

Electron 4.0 Released

Electron is a popular project from GitHub that’s heavily used to create desktop apps with modern Web technologies (such as VS Code and Slack’s desktop client). 4.0 introduces some new features but notably bumps up the underlying dependencies to Chromium 69, Node 10.11, and V8 6.9. - http://amp.gs/Vlz4

#electron

A Quick CSS Audit and General Notes About Design Systems

Robin Rendle shares some advice on auditing design systems to help you better understand and improve your CSS codebase.
- http://amp.gs/VBIg

#css

Things Dan Abramov Doesn’t Know

React core team member and the creator of Redux wants you to realize that “even your favorite developers may not know many things that you know” and shares his own list of blind spots. - http://amp.gs/VnTH

#dan #abramov

Resolvers: Angular’s one-click data delivery

Etienne once read somewhere that we should always keep our Components as small as possible. It’s then easier to understand and forces us to put reusable logic in Services. But when you need to get data from an API, then you may need to map the data to fit the format you want. We’ll need to take care of all this in our Component once it’s initiated… right? - http://amp.gs/Vn0w

#angular

Node and JavaScript Testing Best Practices

A well presented collection of 30 best practices for better Node and JavaScript testing, continuous integration, and overall quality. - http://amp.gs/VGik

#nodejs

Generic First CSS: New Thinking On Mobile First

Alastair Hodgson introduces the Generic First CSS methodology, which offers some advantages over the mobile first approach. - http://amp.gs/VxHT

#css