Best practices: Navigation Design

Create navigation systems empowering users to truly interact with your product. - http://amp.gs/EQZw

#ui #design

Designing (Very) Large JavaScript Applications

A written version of a talk given by Google’s Malte Ubl at JSConf Australia that took a high level look at modularity, lazy loading code, and similar concepts. - http://amp.gs/EQaz

#javascript

5 Tips to improve User Experience of your Angular app with NgRx

Web app performance matters. It matters even more so when the company’s finances are depending on such apps for users to engage with the site and to keep them coming back. As numerous studies have shown, poor loading times and overall slowness leads to the increased bounce rates and decreases the general satisfaction of the users. - http://amp.gs/Ecdm

#angular

Vue Route Component Hooks

One of the most challenging parts of building a universal web application with Vue is figuring out which Vue and Vue Router lifecycle hooks to use for requesting data during a route’s lifecycle. - http://amp.gs/E6vB

#vue

JavaScript Fundamentals Before Learning React

A concise list of all the different JavaScript functionalities that can be used to complement a React app. - http://amp.gs/EbvM

#react

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