Automatically Generate your Vue Router Configuration with vue-auto-routing

When designing very large JavaScript applications, you have to be very careful about how you structure your dependencies. One particular example of this is the router.js configuration file. Learn how to use the vue-auto-routing package to automatically generate the router configuration based on the directory structure. - http://amp.gs/FEOe

#vue

Async Rendering with a single Rx Operator

The concept of async rendering is simple: the process of rendering items on screen is scattered so that the browser won't block until all items have been rendered. - http://amp.gs/FVSp

#angular

Debounce Explained: How to Make Your Code Wait For Your User To Finish Typing

Debounce functions are higher-order functions that limit the rate at which another function can be run. - http://amp.gs/F9d1

#javascript

15 React Best Practices You Need to Follow in 2020

This article shows the most fundamental of the React best practices to keep your code better organized. - http://amp.gs/FRVR

#react

Modern CSS Techniques To Improve Legibility

Edoardo Cavazza covers how we can improve website legibility using some modern CSS techniques, great new technologies like variable fonts, and putting into practice what we learned from doing scientific research. - http://amp.gs/FUjq

#css

Context and Provider Pattern with the Vue 3 Composition API

Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API. - http://amp.gs/FUr0

#vue

How to Become a Better Front-end Developer by Building Projects

It includes ideas on how to become a better front-end developer through building projects all by yourself. - http://amp.gs/Fdpi

#article #news

Using Angular in the right way: Template Syntax

The purpose of this article is to make our Angular template code readable and enable a high-caliber performance by following the right practices. It's very useful to have good practices in place for an Angular template to overcome the future performance-related issues in the enterprise application. - http://amp.gs/FdA8

#angular

Four Ways to Fetch Data in React

The title is a little deceiving: it's really three ways you probably don't want to fetch data, building towards a solid case for the one you should. But we like the logical progression through the viable alternatives. -
http://amp.gs/FO89

#react

Most Useful JavaScript Tips & Tricks For JavaScript Developers

A collection of some JavaScript Tips & Tricks and JavaScript Best Practices which can be used in our daily projects or bookmark it for reference purpose.This includes some useful JavaScript snippets too. - http://amp.gs/FOJf

#javascript

Khan Academy's Transition to React Native

The Mobile Engineering Lead for Khan Academy runs through the multi-year project to move both the iOS and Android apps of their education platform over to React Native. It’s a great story. - http://amp.gs/Fr47

#reactnative

CSS Variables: Scoping

Chidume Nnamdi shows how to apply scoping in CSS variables to streamline theming and enable clean, modular design systems. - http://amp.gs/FSgp

#css

A Lap around Microsoft Graph Toolkit Day 14 – Using Microsoft Graph Toolkit with Angular

In the series so far, we have exercised the Microsoft Graph Toolkit capabilities using plain JavaScript/HTML/CSS which has shown that we are not dependent upon any specific JavaScript framework. In a real-world application however, you may be using a full–featured JavaScript framework such as React or Angular. In the previous article Fabio Franzini took us through using the Microsoft Graph Toolkit in a React application. Today we're going to go through constructing the same example using Angular. - http://amp.gs/FNyc

#angular

How To Create a GitHub Profile README

Did you know you can now create a document that’s shown on your main GitHub profile page? It’s not JavaScript specific but I imagine a lot of you would find this neat to do! - http://amp.gs/FAx7

#github #profile

A Simple Explanation of Event Delegation

A useful pattern when listening for events on multiple elements using just one event handler. - http://amp.gs/FqBO

#javascript

Building SVG Components in React

When building responsive web apps it makes nothing but sense to use SVG as opposed to more traditional image formats. SVG stores an XML-based description of the image which can be progammatically manipulated similar to HTML. It’s tailor made to be incorporated into components. - http://amp.gs/FsGP

#react

5 Great CSS Frameworks for Web Developers

Here are five favorites to consider if you’re a front-end developer on the hunt for a good CSS framework. - http://amp.gs/FiTB

#css

How I Built a Serverless Twitter Bot in Node in a Day

Insights, steps, and useful links if you want to build your own basic Twitter bot on top of AWS Lambda functions. - http://amp.gs/FDIP

#nodejs

Understanding Reactivity in Vue 3.0

The Vue.js core team member Jinjiang has written an amazing, in-depth article about the reactivity system that can be found in Vue 3.0. It talks about how the reactivity API has evolved from what we had in Vue 2.x and it even shows how you can use the Vue’s new standalone reactivity with React. - http://amp.gs/Fuzf

#vue

Serverless Rendering with Cloudflare Workers

How to do server-side rendering ‘at the edge’ using Workers Sites, Wrangler, HTMLRewriter, and tools from the broader Workers platform. - http://amp.gs/Fu5x

#serverless #rendering #cloudflare

Designing Adaptive Components, Beyond Responsive Breakpoints

Stéphanie Walter on designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behavior, and context. - http://amp.gs/F0Wk

#css