An analysis of developer productivity, work cadence, and collaboration in the early days of COVID-19
GitHub shares some insights based on the data they're seeing. - http://amp.gs/20G7
#news
GitHub shares some insights based on the data they're seeing. - http://amp.gs/20G7
#news
The GitHub Blog
Octoverse spotlight: An analysis of developer productivity, work cadence, and collaboration in the early days of COVID-19
Following the 2019 Octoverse report, this latest article provides trends and insights into developer activity on GitHub in the early days of COVID-19.
What Are Github Actions and How Can You Automate Tests and Slack Notifications?
A thorough walkthrough to building two Node-flavored workflows for GitHub’s Actions CI/CD system both to test Node code and also to send a Slack notification when a pull request is created. - http://amp.gs/2KBA
#nodejs
A thorough walkthrough to building two Node-flavored workflows for GitHub’s Actions CI/CD system both to test Node code and also to send a Slack notification when a pull request is created. - http://amp.gs/2KBA
#nodejs
freeCodeCamp.org
What are Github Actions and How Can You Automate Tests and Slack Notifications?
Automation is a powerful tool. It both saves us time and can help reduce human error. But automation can be tough and can sometimes prove to be costly. How can Github Actions help harden our code and give us more time to work on features instead of bugs?
The 'Top Types' any and unknown in TypeScript
They’re not top types because they’re the best types 😂 .. but they’re essentially ‘universal’ types that can contain all values (in opposition to the never type which is the empty set). - http://amp.gs/23GZ
#typescript
They’re not top types because they’re the best types 😂 .. but they’re essentially ‘universal’ types that can contain all values (in opposition to the never type which is the empty set). - http://amp.gs/23GZ
#typescript
How to Create a Motion Hover Effect for a Background Image Grid
Mary Lou shares a short tutorial on how to achieve a motion hover effect on a background image grid. - http://amp.gs/23bz
#css
Mary Lou shares a short tutorial on how to achieve a motion hover effect on a background image grid. - http://amp.gs/23bz
#css
Codrops
How to Create a Motion Hover Effect for a Background Image Grid | Codrops
If you follow our UI Interactions & Animations Roundups, you might have spotted this beautiful grid designed by the
In defense of the Angular framework
The author of this article is here to share their experience of being a primarily React developer, shipping React code in production to using Angular for a production application. - http://amp.gs/2HKS
#angular
The author of this article is here to share their experience of being a primarily React developer, shipping React code in production to using Angular for a production application. - http://amp.gs/2HKS
#angular
DEV Community
In defense of the Angular framework
Over the past month and a half I've been working on a single-page app with Angular. When I heard that...
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/223x
#vue
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/223x
#vue
DEV Community 👩💻👨💻
Understanding Reactivity in Vue 3.0
This article is just written for my knowledge and understanding of the coolest part in Vue: the react...
The Service Worker Lifecycle Explained
Explaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible. - http://amp.gs/2wrU
#javascript
Explaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible. - http://amp.gs/2wrU
#javascript
Felixgerschau
Service Worker Lifecycle Explained | Felix Gerschau
Explaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible.
Five Common Mistakes When Writing React Components
We quite often find doing something wrong the first time is more instructive that doing it right and being none the wiser. The next best thing is to closely examine how somebody else did it wrong and learning from their mistakes instead of our own. - http://amp.gs/2FNc
#react
We quite often find doing something wrong the first time is more instructive that doing it right and being none the wiser. The next best thing is to closely examine how somebody else did it wrong and learning from their mistakes instead of our own. - http://amp.gs/2FNc
#react
www.lorenzweiss.de
Five common mistakes writing react components (with hooks) in 2020
The most common mistakes I found while writing react components, why they are mistakes and how to avoid or fix them.
Configuring Application Color Scheme
Artur Basak has written an article about configuring the application color scheme using CSS Variables. - http://amp.gs/2Xqw
#css
Artur Basak has written an article about configuring the application color scheme using CSS Variables. - http://amp.gs/2Xqw
#css
Custom Decorators in Angular
Routine actions, repeated from time to time, lead to duplication of code and leave a bitter aftertaste of bad smell as the project grows. - http://amp.gs/2LRM
#angular
Routine actions, repeated from time to time, lead to duplication of code and leave a bitter aftertaste of bad smell as the project grows. - http://amp.gs/2LRM
#angular
Medium
Custom Decorators in Angular
An overview of the effective use of custom decorators in everyday scenarios.
A Practical Guide to moment-timezone
If you like Moment’s approach to manipulating dates and times but work a lot with timezones, you might appreciate this extension which brings IANA’s time zone database to the party. - http://amp.gs/2WRQ
#nodejs
If you like Moment’s approach to manipulating dates and times but work a lot with timezones, you might appreciate this extension which brings IANA’s time zone database to the party. - http://amp.gs/2WRQ
#nodejs
The Code Barbarian
A Practical Guide to moment-timezone
An introduction to moment-timezone, the library for formatting dates in any timezone in Node.js.
Track Your (Android) Smartphone in Physical Space with JavaScript
Leans on the Generic Sensor APIs so you’re limited to Android for now, but it’s fun to see the potential. - http://amp.gs/2ahk
#javascript
Leans on the Generic Sensor APIs so you’re limited to Android for now, but it’s fun to see the potential. - http://amp.gs/2ahk
#javascript
Medium
Track Your Smartphone in 2D With JavaScript
Imagine what you can do with this new medium of interaction
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/2aL4
#vue
Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API. - http://amp.gs/2aL4
#vue
markus.oberlehner.net
React 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.
How to Use the React Testing Library
Being fully confident in React components requires a test regimen which enables you to experience the app as an end user would. This richly illustrated tutorial walks you though the React Testing Library. It just might make RTL your ‘go to’ testing library. - http://amp.gs/2oyI
#react
Being fully confident in React components requires a test regimen which enables you to experience the app as an end user would. This richly illustrated tutorial walks you though the React Testing Library. It just might make RTL your ‘go to’ testing library. - http://amp.gs/2oyI
#react
The Hamburger Menu
Mikael Ainalem shares a step by step guide to creating a Hamburger Menu in SVG & CSS. - http://amp.gs/2oMs
#css
Mikael Ainalem shares a step by step guide to creating a Hamburger Menu in SVG & CSS. - http://amp.gs/2oMs
#css
Medium
The 🍔 menu
A step by step guide to creating a Hamburger Menu animation in SVG & CSS
Exporting a Web Page as PDF or PNG from Node
A walkthrough of using the Playwright browser automation library for fetching pages and creating screenshots of them, including dealing with cookies and auth. Browserless is also briefly covered for when you want to go into production. - http://amp.gs/2M7q
#nodejs
A walkthrough of using the Playwright browser automation library for fetching pages and creating screenshots of them, including dealing with cookies and auth. Browserless is also briefly covered for when you want to go into production. - http://amp.gs/2M7q
#nodejs
www.thedreaming.org
Exporting a web page as PDF or PNG from Node.js
Random musings from Jason Walton, software developer and sometimes photograper.
Quick Tip for Angular Forms: Keep your markAllAsTouched DRY
This article will help you keep your markAllAsTouched() dry when using Angular forms. - http://amp.gs/2M2L
#angular
This article will help you keep your markAllAsTouched() dry when using Angular forms. - http://amp.gs/2M2L
#angular
Medium
Quick Tip for Angular Forms: Keep your markAllAsTouched DRY
Working with Angular Forms validation you’ve probably used the following code in your HTML to show errors:
How to Create a Web Worker-Driven Multithreaded Frontend App
It leans on an under-development Web Worker-driven framework called neo.mjs that promises “a new era of making better Web-based user interfaces.” - http://amp.gs/25Vh
#javascript
It leans on an under-development Web Worker-driven framework called neo.mjs that promises “a new era of making better Web-based user interfaces.” - http://amp.gs/25Vh
#javascript
Medium
How to create a webworkers driven multithreading App — Part 1
Content
👏1
Hello!
We are excited to introduce Quarkly, a design tool for accelerated and optimized creation of React websites and apps.
Quarkly has the power of graphic and code editors and the speed of website builders.
To make the introduction to Quarkly fun, we are launching a prize-winning contest.
Create a React Component using Atomize →
Get Kudos From the Quarkly Team and win $100!
To enter the contest, visit https://u.to/-yb6GA
We are excited to introduce Quarkly, a design tool for accelerated and optimized creation of React websites and apps.
Quarkly has the power of graphic and code editors and the speed of website builders.
To make the introduction to Quarkly fun, we are launching a prize-winning contest.
Create a React Component using Atomize →
Get Kudos From the Quarkly Team and win $100!
To enter the contest, visit https://u.to/-yb6GA
FrontEnd Development pinned «Hello! We are excited to introduce Quarkly, a design tool for accelerated and optimized creation of React websites and apps. Quarkly has the power of graphic and code editors and the speed of website builders. To make the introduction to Quarkly fun, we…»