React Animation Libraries for 2020
A succinct review of five popular animation libraries to help you build beautiful, compelling UIs. The short, sharp descriptions make it easy to compare their strengths. - http://amp.gs/29HJ
#react
A succinct review of five popular animation libraries to help you build beautiful, compelling UIs. The short, sharp descriptions make it easy to compare their strengths. - http://amp.gs/29HJ
#react
Medium
React Animation Libraries for 2020
Recommended React animation libraries that take care of page transitions, scroll events, entering and exiting components, etc.
Reparenting is Now Possible with React
The popular and compelling UI artefact of dragging-and-dropping often requires reparenting which―according to renown React authority Dan Abramov― “there are no plans”. But here’s a solution which will deliver most of what you need - http://amp.gs/24UB
#react`
The popular and compelling UI artefact of dragging-and-dropping often requires reparenting which―according to renown React authority Dan Abramov― “there are no plans”. But here’s a solution which will deliver most of what you need - http://amp.gs/24UB
#react`
Medium
Reparenting is now possible with React
How I implemented Reparenting with a few lines of code
On Fixed Elements and Backgrounds
Chen Hui Jing on containing blocks, rendering, and scroll performance. - http://amp.gs/2Ryg
#css
Chen Hui Jing on containing blocks, rendering, and scroll performance. - http://amp.gs/2Ryg
#css
Chenhuijing
On fixed elements and backgrounds
I thought this was going to be a short-ish note on fixed positioning and jank, but as with almost everything I write, it grew into a long-ish post about containing blocks, rendering and scroll performance.
Lazy-Loading Angular Modules (Ivy and Async Await)
In this post we’ll learn how to Lazy Load an Angular module. Lazy loading means that our code isn’t downloaded by the browser until it’s needed. - http://amp.gs/2Unf
#angular
In this post we’ll learn how to Lazy Load an Angular module. Lazy loading means that our code isn’t downloaded by the browser until it’s needed. - http://amp.gs/2Unf
#angular
Ultimatecourses
Lazy-Loading Angular Modules (Ivy and Async Await) - Ultimate Courses
In this post you’ll learn how to Lazy Load an Angular module. Lazy loading means that our code isn’t downloaded by the browser until it’s...
Vue-Test-Utils Guide: Things You Might Not Know About Vue-Test-Utils - Web Dev Etc
A large collection of useful tips on how to take advantage of less known Vue Test Utils features. - http://amp.gs/2d1i
#vue
A large collection of useful tips on how to take advantage of less known Vue Test Utils features. - http://amp.gs/2d1i
#vue
Webdevetc
Vue-Test-Utils Guide: Things You Might Not Know About Vue-Test-Utils - Web dev etc - my software development blog
My blog about software development, focusing on Laravel, Vue, JS, PHP, TypeScript etc
Building APIs with GraphQL in Your Node App
Learn how to build a fully functional GraphQL API designed to provide queries and mutations in a secure manner. - http://amp.gs/2Onj
#nodejs
Learn how to build a fully functional GraphQL API designed to provide queries and mutations in a secure manner. - http://amp.gs/2Onj
#nodejs
AppSignal Blog
Building APIs With GraphQL in Your Node.js Application | AppSignal Blog
Learn how to build a fully functional GraphQL API designed to provide queries and mutations in a secure manner.
Building Reusable React Components Using Tailwind
Ways to build reusable React components using the popular utility-first CSS framework Tailwind. - http://amp.gs/2r7P
#react
Ways to build reusable React components using the popular utility-first CSS framework Tailwind. - http://amp.gs/2r7P
#react
Smashing Magazine
Building Reusable React Components Using Tailwind — Smashing Magazine
Tailwind is a popular utility-first CSS framework that provides low-level class names to web developers. In this article, we’ll explore ways to build reusable React components using Tailwind.
Here’s What I Didn’t Know About “content”
Manuel Matuzovic shares what he found out about the “content” property. - http://amp.gs/2SZ4
#css
Manuel Matuzovic shares what he found out about the “content” property. - http://amp.gs/2SZ4
#css
Here’s what I didn’t know about “content”
In part 3 of my series I'm trying to find out what I didn’t know about the `content` property.
Let's Build an Image Classifier with Node, Tensorflow and React
The chilled out background music makes this feel like a spa experience but.. there is something genuinely quite nice about this screencast. - https://www.youtube.com/watch?v=ZfuUwdFNU-s
#nodejs #video
The chilled out background music makes this feel like a spa experience but.. there is something genuinely quite nice about this screencast. - https://www.youtube.com/watch?v=ZfuUwdFNU-s
#nodejs #video
YouTube
Image Classifier with NodeJs, Tensorflow and React - Walkthrough - With source!
Source code here: https://github.com/timtamimi/mooodDemo here: https://mooodclassifier.herokuapp.com
Testing Angular routing components with the RouterTestingModule
This article teaches us about shallow and integrated routing component tests. The RouterTestingModule is useful for integrated routing component tests. To learn what the RouterTestingModule does, we discuss the Location service and its dependencies. - http://amp.gs/2A0J
#angular
This article teaches us about shallow and integrated routing component tests. The RouterTestingModule is useful for integrated routing component tests. To learn what the RouterTestingModule does, we discuss the Location service and its dependencies. - http://amp.gs/2A0J
#angular
How to build a Jamstack multi-language blog with Nuxt.js – Andrea Stagi
As Jamstack is getting increasingly popular, there are some areas where we’re still learning new things. One of them is adding internalization support. Learn how to do it using Nuxt and Strapi CMS. - http://amp.gs/2qk9
#vue #nuxt
As Jamstack is getting increasingly popular, there are some areas where we’re still learning new things. One of them is adding internalization support. Learn how to do it using Nuxt and Strapi CMS. - http://amp.gs/2qk9
#vue #nuxt
DEV Community
How to build a Jamstack multi-language blog with Nuxt.js
Jamstack (Javascript, APIs and Markup Stack) is a terminology around the new way of making web projec...
Better git diffs with FZF
FZF is a powerful fuzzy finder. In this tutorial, Rafael Mendiola shows how to do git diffs using FZF. - http://amp.gs/2qW3
#git
FZF is a powerful fuzzy finder. In this tutorial, Rafael Mendiola shows how to do git diffs using FZF. - http://amp.gs/2qW3
#git
Medium
Better git diffs with FZF
git diff can be a little overwhelming sometimes. We can have a cleaner, more efficient experience by adding FZF.
How to Deploy a React App on AWS Using the AWS CDK
The AWS Cloud Development Kit enables Amazon’s cloud infrastructure to be provisioned with programming languages you likely already know. Here’s an end-to-end, real-world, well-illustrated walkthrough which uses the CDK to deploy a sample React app on the popular cloud platform. - http://amp.gs/2skK
#react
The AWS Cloud Development Kit enables Amazon’s cloud infrastructure to be provisioned with programming languages you likely already know. Here’s an end-to-end, real-world, well-illustrated walkthrough which uses the CDK to deploy a sample React app on the popular cloud platform. - http://amp.gs/2skK
#react
Medium
How to deploy a React app on AWS using the AWS CDK
HTTPS, CDN, CI/CD and your own domain name all included.
Getting started with programmatic animations using the Angular Animations API
The @angular/animations package is a powerful tool that you can utilize to your advantage in creating great experiences for your users. A simple animation like fade in or fade out may prove to be super effective in upgrading your applications. Adding simple animations like this does not take longer than 10 minutes of development time, but it helps you to keep your users on your website a lot longer! - http://amp.gs/2iUn
#angular
The @angular/animations package is a powerful tool that you can utilize to your advantage in creating great experiences for your users. A simple animation like fade in or fade out may prove to be super effective in upgrading your applications. Adding simple animations like this does not take longer than 10 minutes of development time, but it helps you to keep your users on your website a lot longer! - http://amp.gs/2iUn
#angular
Medium
Getting started with programmatic animations using the Angular Animations API
The @angular/animations package is a powerful tool that you can utilize to your advantage in creating great experiences for your users. A…
The process: Making Vue 3 – Increment: Frontend
Would you like to learn more about the decision making and the development process of the upcoming Vue v3.0? Here are the lessons learned from rewriting the next major version of Vue.js, written by Evan You. - http://amp.gs/2DPs
#vue
Would you like to learn more about the decision making and the development process of the upcoming Vue v3.0? Here are the lessons learned from rewriting the next major version of Vue.js, written by Evan You. - http://amp.gs/2DPs
#vue
Learn Z-Index Using a Visualization Tool
Thiru Manikandan explains everything you need to know about z-index and shares a nifty visualization tool that will show you the z-index changes in real-time. - http://amp.gs/2ufw
#css
Thiru Manikandan explains everything you need to know about z-index and shares a nifty visualization tool that will show you the z-index changes in real-time. - http://amp.gs/2ufw
#css
Reusing UI Components at Enterprise Level
An engineer at PayPal explains how they share UI components across their various products. - http://amp.gs/2JkP
#javascript
An engineer at PayPal explains how they share UI components across their various products. - http://amp.gs/2JkP
#javascript
Medium
Sharing UI components at an enterprise level
Check out some of the tools we use at PayPal to share UI components across our products.
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?