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

The Docker Handbook: A Practical Docker Intro

If you’re new to Docker, this is one of those great walkthrough/practical style tutorials that covers the main concepts complete with examples. - http://amp.gs/FwzC

#docker

How to Reuse Node Packages with AWS Lambda Functions

…using Amplify and Lambda Layers. - http://amp.gs/Fw48

#nodejs #lambda #aws

How to Build a Chatbot with React

While you may either love them or hate them, chatbots are everywhere these days, so it’s really just a matter of time before you have to incorporate one into a project. This is a React-based approach to the task. - http://amp.gs/FwoW

#react

Digging Into the Flex Property

Ahmad Shadeed goes through the shorthand and the longhand flex properties and explains when and why to use them with practical and visual examples. - http://amp.gs/FFrY

#css