Vite Hot Module Replacement - A Complete Example
This article explains how to set up hot module replacement (HMR) with Vite for a vanilla JS project. - http://amp.gs/jB3Oz
#vue
This article explains how to set up hot module replacement (HMR) with Vite for a vanilla JS project. - http://amp.gs/jB3Oz
#vue
👍3
The as Prop
A succinct description on its use to combine semantics with aesthetics in a flexible way. - http://amp.gs/jBHlx
#react
A succinct description on its use to combine semantics with aesthetics in a flexible way. - http://amp.gs/jBHlx
#react
👍4
How to Build a Group Chat App with Vanilla JS, Twilio and Node
Chat apps have long been a popular bucket list project for Node developers. I did a webinar (or livestream to the young'uns) 10 years ago(!) on building a chat app in Node myself but times have moved on and it’s possible to outsource much of the infrastructure now, as seen here. - http://amp.gs/jBHHE
#nodejs
Chat apps have long been a popular bucket list project for Node developers. I did a webinar (or livestream to the young'uns) 10 years ago(!) on building a chat app in Node myself but times have moved on and it’s possible to outsource much of the infrastructure now, as seen here. - http://amp.gs/jBHHE
#nodejs
👍3😁1
COLRv1 and CSS font-palette: Web Typography Gets Colorful
Ollie Williams explains how to use font-palette property and @font-palette-values to control the color palette of color fonts. - http://amp.gs/jB2x5
#css
Ollie Williams explains how to use font-palette property and @font-palette-values to control the color palette of color fonts. - http://amp.gs/jB2x5
#css
👍4
What You Need to Know About the New Era of Internet Web 3.0 As a Frontend Developer - http://amp.gs/jB2oG
#web3
#web3
👍5
How To Build a Modal Dialog as a Web Component
“Write once and run everywhere, so to speak, or at least that was my lofty aspiration. Good news. It is indeed possible to build a modal with rich interaction that only requires authoring HTML to use.” - http://amp.gs/jBw44
#javascript
“Write once and run everywhere, so to speak, or at least that was my lofty aspiration. Good news. It is indeed possible to build a modal with rich interaction that only requires authoring HTML to use.” - http://amp.gs/jBw44
#javascript
👍4
Improve Your React App Performance Using React Profiler
A quick peek at the profiler API which can provide hard data to be used in diagnosing performance bottlenecks. - http://amp.gs/jBwHN
#react
A quick peek at the profiler API which can provide hard data to be used in diagnosing performance bottlenecks. - http://amp.gs/jBwHN
#react
Medium
Improve your React app performance using React Profiler
Recently, I was trying to improve the performance of a page in our React app, and I quickly suspected unnecessary re-renders to be the…
👍5
Microfrontends Architecture, Tooling, and Recommended Practices
The Vertical Slice · Library/Framework: Favor React over Angular · Code Structure: Favor Monorepo over… - http://amp.gs/jBF9u
#microfrontends
The Vertical Slice · Library/Framework: Favor React over Angular · Code Structure: Favor Monorepo over… - http://amp.gs/jBF9u
#microfrontends
Medium
Microfrontends Architecture, Tooling, and Recommended Practices
· The Vertical Slice · Library/Framework: Favor React over Angular · Code Structure: Favor Monorepo over Multirepo · Nx: Best-in-Class…
👍4❤1
Cool Hover Effects That Use CSS Text Shadow
Temani Afif demonstrates how to use CSS text-shadow property to create interesting hover effects. - http://amp.gs/jBFKj
#css
Temani Afif demonstrates how to use CSS text-shadow property to create interesting hover effects. - http://amp.gs/jBFKj
#css
CSS-Tricks
4 Cool Hover Effects That Use CSS Text Shadow | CSS-Tricks
You may wonder how adding a text shadow creates a cool hover effect but we’re actually not going to use "shadows" for these text hover effects.
👍5👎1
Improve the Performance of Your Forms
An exploration of how Kent’s state colocation concept (from 2019) can optimize React forms by keeping state management close to where it is needed. - http://amp.gs/jBX4V
#react
An exploration of how Kent’s state colocation concept (from 2019) can optimize React forms by keeping state management close to where it is needed. - http://amp.gs/jBX4V
#react
Improve the Performance of your React Forms
Forms can get slow pretty fast. Let's explore how state colocation can keep our React forms fast.
👍6
How to start a project on Angular the right way
How do you start a new project? ng new app and that’s it! Not anymore. If you want to make maintenance and… - http://amp.gs/jBX6i
#angular
How do you start a new project? ng new app and that’s it! Not anymore. If you want to make maintenance and… - http://amp.gs/jBX6i
#angular
Medium
How to start a project on Angular the right way
How do you start a new project? ng new app and that’s it! Not anymore. If you want to make maintenance and development easier you should be…
👍6
Announcing Nuxt 3 Release Candidate
After almost two years of work, the first release candidate of Nuxt 3 (code named “Mount Hope“) has been announced. - http://amp.gs/jBLAe
#vue
After almost two years of work, the first release candidate of Nuxt 3 (code named “Mount Hope“) has been announced. - http://amp.gs/jBLAe
#vue
Nuxt
Announcing Nuxt 3 Release Candidate
Nuxt 3 beta was announced on October 12, 2021 after 16 months of work, introducing a new foundation based on Vue 3, Vite and Nitro. Six months later, we are happy to announce the first release candidate of Nuxt 3, code named “Mount Hope“ 🚀
👍6
How to create pagination in Nest.js with TypeORM + Swagger
Pagination is a very important part of API. It requires and is used in almost every CRUD application. - http://amp.gs/jBWHq
#nodejs
Pagination is a very important part of API. It requires and is used in almost every CRUD application. - http://amp.gs/jBWHq
#nodejs
Medium
How to create pagination in Nest.js with TypeORM + Swagger
Pagination is a very important part of API. It requires and is used in almost every CRUD application.
👍5
Pure Functions in JS: Avoiding Unwanted Problems
Learn to take advantage of them! - http://amp.gs/jBagw
#javascript
Learn to take advantage of them! - http://amp.gs/jBagw
#javascript
Medium
Pure Functions in JS: Avoiding Unwanted Problems
Learn to take advantage of them!
👍3
Using Google's CrUX to Compare Performance of JS Frameworks
Chrome User Experience Report (CrUX) is a dataset of user experience metrics collected from real world Chrome users and it’s possible to use it to analyze and compare the performance profiles of different UI frameworks, as done by Dan here. - http://amp.gs/jBojJ
#javascript
Chrome User Experience Report (CrUX) is a dataset of user experience metrics collected from real world Chrome users and it’s possible to use it to analyze and compare the performance profiles of different UI frameworks, as done by Dan here. - http://amp.gs/jBojJ
#javascript
Smashing Magazine
How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks — Smashing Magazine
In this article, Dan Shappir analyzes the performance cost associated with various frameworks and explains the wide variety of framework and platform choices that are currently available to front-end and fullstack developers.
👍4❤2
Implementing Progressive Image Loading
Is there anything worse than staring at a blank frame while a large, high-resolution image is loading? Improve your user’s experience by giving them a progressively clearer picture of what lays in store for them. - http://amp.gs/jBodD
#react
Is there anything worse than staring at a blank frame while a large, high-resolution image is loading? Improve your user’s experience by giving them a progressively clearer picture of what lays in store for them. - http://amp.gs/jBodD
#react
LogRocket Blog
Progressive image loading in React: Tutorial - LogRocket Blog
Use progressive image loading in React to prevent user frustration and other problems that come with slow-loading, high-quality images.
👍5👎2❤1
Angular: Get Control in ControlValueAccessor
How to get a reference to the control passed to your custom component without creating a new one. - http://amp.gs/jBMlm
#angular
How to get a reference to the control passed to your custom component without creating a new one. - http://amp.gs/jBMlm
#angular
Medium
Angular: Get Control in ControlValueAccessor
How to get a reference to the control passed to your custom component without creating a new one.
👍7🥰1