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?
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.