Create a Lazy-Loading Image Component with React Hooks

Here’s an opportunity to both learn the lazy-loading design pattern and produce a valuable addition to your online content production toolkit: a teleprompter, just like the pros use. - http://amp.gs/FZtR

#react

How to Use Node, a Raspberry Pi, and an LCD Screen to Monitor the Weather

If you’ve been itching to play with that Raspberry Pi sitting in your drawer (I joke, despite having a few myself!) this is one way to go about it. - http://amp.gs/FpjD

#nodejs

Use the Border-Radius CSS Property to Define Horizontal and Vertical Radius

Jhey Tompkins shows how to use a longhand notation for CSS border-radius that gives us the power to define the horizontal and vertical radius for each corner of an element. - http://amp.gs/FlI5

#css

What's New in Angular 10

Angular version 10 is out and we couldn't be more excited about it. Check out what's new—and yes, Kendo UI for Angular is already good to go! - http://amp.gs/FlFz

#angular

Be prepared to migrate your Vue app to Vue 3

In this post, I would like to share my recent experience of trying out Vue 3 beta version, specifically regarding some caveats you might want to note if you are planning to migrate your existing Vue 2 application to the upgraded version, Vue 3! - http://amp.gs/FB3j

#vue

An Introduction To SWR: React Hooks For Remote Data Fetching

Application performance is a bi-product of doing only what is needed and only then when it is absolutely necessary. To wit, the SWR library from Vercel which uses its automatic caching and fetching capabilities to level-up your app's performance. -http://amp.gs/Fnre

#react

A Terrible, Horrible, No-Good, Very Bad Day at Slack

While I don’t think you can take pleasure in someone else’s outage, the story behind an outage can make for good reading indeed. So it goes here with a significant outage Slack had in May and it came down to how they were using HAProxy, one of my favorite bits of infrastructure software ever. - http://amp.gs/FncQ

#slack

Flutter vs Native vs React Native: Deep Performance Comparison

A comparison between popular mobile development tools, looking at how FPS, CPU, memory, and GPU performance stack up in common tasks. - http://amp.gs/FG9v

#flutter #reactnative #native #mobile

How a DevTools Extension is Made

This is a guide through the main parts of the official Vue DevTools extension to learn from it and understand a successful approach for building these kinds of tools. - http://amp.gs/FG6B

#vue

Open Prioritization and CSS Containment

Manuel Rego Casasnovas explains why is Igalia launching an experiment in crowd-funding prioritization for the Web. - http://amp.gs/FxPE

#css

Next.js 101: What You Should Know

If you've noticed initial page loading with your React app and/or the SEO is not producing the results you expect, it may be that Next.js is the cure for what ails. This article introduces Next.js and provides some essential need-to-know items worthy of consideration. - http://amp.gs/Fx2H

#react

Temporal, a Future API for Dates and Times in JavaScript

TC39 seeks your help with the future of JavaScript! They’re working on a proposal for a modern date/time API for ECMAScript/JS. Check out these examples for a feel of what the API would give us. You’re encouraged to have a play and fill out this survey. - http://amp.gs/FCGs

#javascript

Introducing (Angular Reactive) Forms with Benefits

How many times have you told yourself “I wish Angular Reactive Forms would support types”, or “I really want API to query the form reactively. It missed some methods.” - http://amp.gs/FkpU

#angular

Using Babel Transforms to Inject Analytics Code in React Native Apps

Heap is focused on comprehensively collecting user behaviours (such as taps and changes to text fields) so that users' interaction with the app can be clearly understood. Rather than creating their own version of React Native to support this functionality, they chose to inject analytics code at build time. Here's how. - http://amp.gs/FemB

#reactnative

Inspired Design Decisions With Emmett McBain: Art Direction As Social Equity

Andy Clarke explains how the work of Emmett McBain, a Black American graphic designer whose work had a remarkable impact on the representation of Black Americans in advertising, can inspire what we design for the web. - http://amp.gs/F7Ip

#css

Vue 3: Data down, Events up

In the latest article from Vue Mastery, Thorsten Lünborg explains how to take advantage of data binding in Vue 3, using good old options API. — http://amp.gs/F7Mz

#vue

Four Ways to Fetch Data in React

It’s really three ways you perhaps don’t want to fetch data, building towards a solid case for the best approach. But we like the logical progression through the alternatives. - http://amp.gs/FPMP

#javascript

Create Simple COVID-19 Tracker With Angular 10 And Material Design

In this pandemic period, many of us are suffering due to Coronavirus. The author of this article has decided to create a simple app to track the important details of Covid-19 and show this data in the dashboard. This app will provide an option to choose a country and display the data of that particular country easily. We will also display the highest recovered top 10 country details along with the highest confirmed and highest death details. - http://amp.gs/Fy2a

#angular

Understanding CSS Multiple Backgrounds

Ahmad Shadeed explains the background-image property in detail and provides a visual explainer on how we can stack multiple backgrounds. - http://amp.gs/FvH1

#css