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

How to Use useDrag

At one time it was revolutionary, but drag-n-drop on touch screen devices is something your app’s users now expect. They’ll be more surprised if it’s not there than if it is. To avoid disappointing them, here’s how to implement it using a series of familiar examples. - http://amp.gs/FKsQ

#react

Build a Secure Node API with Koa

The focus here is on creating Koa middleware that uses the Okta service to secure things. - http://amp.gs/F3Ap

#nodejs #koa

Several New Features Promoted to Stage 4 at TC39

If you’re interested in the future of JavaScript, several features have been promoted to stage 4 which, in TC39 parlance, means they are ‘finished’ and ready for inclusion in the formal ECMAScript standard - http://amp.gs/FHOe

#javascript

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/F2jo

#vue

What Does 100% Mean in CSS?

Amelia Wattenberger shares a guide on what percentage means in what context. - http://amp.gs/F2dS

#css