Vitest Simplified
Learn about Vitest, a testing framework built on Vite that has some great optimizations for your Vite projects. - https://www.youtube.com/watch?v=snCLQmINqCU
#vue #vite
Learn about Vitest, a testing framework built on Vite that has some great optimizations for your Vite projects. - https://www.youtube.com/watch?v=snCLQmINqCU
#vue #vite
YouTube
Vitest Simplified
Vitest is a testing framework built on Vite that has some great optimizations for your Vite projects. It's a great option for testing in Vue 3!
LINKS
https://vitest.dev
https://vitest.dev/config/
✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
…
LINKS
https://vitest.dev
https://vitest.dev/config/
✅ FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
…
Using mask as clip-path
Yuan Chuan explains the difference between mask and clip-path properties and outlines when and why you should use the mask property. - http://amp.gs/jpZqJ
#css
Yuan Chuan explains the difference between mask and clip-path properties and outlines when and why you should use the mask property. - http://amp.gs/jpZqJ
#css
yuanchuan.dev
Using mask as clip-path
When I first learned that the path() function is supported in the clip-path attribute,
I was quite excited because it allows clipping with complex shapes other than ellipse or polygons.
I was quite excited because it allows clipping with complex shapes other than ellipse or polygons.
Angular 14 to add strictly typed reactive forms
Plans for the next major release of the Google-developed web framework also include standalone components, while NgModules would become optional - http://amp.gs/jpp7K
#angular
Plans for the next major release of the Google-developed web framework also include standalone components, while NgModules would become optional - http://amp.gs/jpp7K
#angular
InfoWorld
Angular 14 to add strictly typed reactive forms
Plans for the next major release of the Google-developed web framework also include standalone components, while NgModules would become optional.
How to Track Down Code Responsible for Polluting the Global Scope
You might not want code adding global variables to the window object, and it’s possible to work out where things are going wrong when it does. - http://amp.gs/jpltV
#javascript
You might not want code adding global variables to the window object, and it’s possible to work out where things are going wrong when it does. - http://amp.gs/jpltV
#javascript
Mmazzarolo
Track down the JavaScript code responsible for polluting the global scope
Debugging what JavaScript code is adding global variables to the window object.
How To Work with Files Using Streams in Node
Streams provide an efficient mechanism for working with files in Node – this is a practical and straightforward introduction to how to work with them. - http://amp.gs/jplJH
#nodejs
Streams provide an efficient mechanism for working with files in Node – this is a practical and straightforward introduction to how to work with them. - http://amp.gs/jplJH
#nodejs
Digitalocean
How To Work with Files Using Streams in Node.js | DigitalOcean
Streams are an efficient way to handle files in Node.js. In this tutorial, you’ll create a command-line program, and then use it with streams to read, write,…
👍1
Some Reasons to Dislike React Hooks?
Amazingly, hooks have been with us for three years(!) this month (since React 16.8) and they’re now an integral part of the React landscape. However, there’s always room for a little introspection regarding their potential weaknesses. - http://amp.gs/jpB9E
#react
Amazingly, hooks have been with us for three years(!) this month (since React 16.8) and they’re now an integral part of the React landscape. However, there’s always room for a little introspection regarding their potential weaknesses. - http://amp.gs/jpB9E
#react
Medium
Some reasons for disliking React hooks
React hooks have been introduced in React 16.8. Their aim is described on the React documentation:
Migrating our VueJS Frontend to Domain-Driven Design
Domain-Driven Design (DDD) is an architectural concept where the codebase follows a pattern set by domains rather than the loose model-view-controller (MVC) that most Vue codebases follow. - http://amp.gs/jpn2W
#vue
Domain-Driven Design (DDD) is an architectural concept where the codebase follows a pattern set by domains rather than the loose model-view-controller (MVC) that most Vue codebases follow. - http://amp.gs/jpn2W
#vue
Medium
Migrating our VueJS Frontend to Domain Driven Design
The Good: Modern Javascript frontend frameworks have empowered companies and startups, big and small, to create incredibly complex and…
There Is No Character Limit for “alt text”
Eric Eggert debunks a common misconception that alternative text for images has a 125 character limit. - http://amp.gs/jpGdg
#css
Eric Eggert debunks a common misconception that alternative text for images has a 125 character limit. - http://amp.gs/jpGdg
#css
Eric Eggert
There is no character limit for “alt text”: Myth Debunked! · Eric Eggert
Some people might say that alternative text for images has a 125 character limit. That’s not correct.
👍1
NPM Commands and Shortcuts You Should Know as a JavaScript Developer
This essential reading provides you with the most prominent NPM commands, shortcuts, and tips that will help you increase your productivity and efficiency as a JavaScript developer. - http://amp.gs/jpxB9
#npm
This essential reading provides you with the most prominent NPM commands, shortcuts, and tips that will help you increase your productivity and efficiency as a JavaScript developer. - http://amp.gs/jpxB9
#npm
Medium
NPM Commands and Shortcuts You Should Know as a JavaScript Dev
NPM commands you should know, and learn how to publish a Node.js package
The React Beginner's Guide for 2022
With 276 issues under our belt and over 50,000 subscribers, it’s easy to forget that each issue is read by at least a few who are just getting started with React. This guide provides the basics to get you going. - http://amp.gs/jpxrJ
#react
With 276 issues under our belt and over 50,000 subscribers, it’s easy to forget that each issue is read by at least a few who are just getting started with React. This guide provides the basics to get you going. - http://amp.gs/jpxrJ
#react
freeCodeCamp.org
The React Beginner's Guide for 2022
So you're ready to dive into learning React, but you still have some lingering questions, such as: * How should I create my React projects? * What tools should I add to my React app? * Do I need to learn JavaScript first before learning React?
👍2
A Comprehensive Guide to Error Handling in Node
Node offers up more than enough ways for errors to crop up and exceptions to be thrown – this blog post skims through some of the main areas to consider. - http://amp.gs/jpxcb
#nodejs
Node offers up more than enough ways for errors to crop up and exceptions to be thrown – this blog post skims through some of the main areas to consider. - http://amp.gs/jpxcb
#nodejs
Honeybadger Developer Blog
A Comprehensive Guide To Error Handling In Node.js
Errors happen in every application. Devs have to decide: do you write code to handle the error? Suppress it? Notify the user? Report it to the team? In this article, Ayo Isaiah walks us through every aspect of the JavaScript error system. He'll show us how…
Monorepos Explained
A new site that rounds up pretty much anything you need to know about monorepos, and the tools to build them. - http://amp.gs/jpfEu
#monorepo
A new site that rounds up pretty much anything you need to know about monorepos, and the tools to build them. - http://amp.gs/jpfEu
#monorepo
👍1
Building Angular Micro Frontend with NgRx state sharing and NX cli
How to build robust micro frontend architecture almost without coding - http://amp.gs/jpfHY
#angular
How to build robust micro frontend architecture almost without coding - http://amp.gs/jpfHY
#angular
Medium
🔥 Building Angular Micro Frontend with NgRx state sharing and NX cli
How to build robust micro frontend architecture almost without coding ;)
👍1
Integrate Vue 3 and Vue Apollo 4 with Hasura GraphQL
A powerful and concise tutorial that will introduce you to GraphQL and integrating GraphQL into your Vue app with Apollo, in the shortest amount of time possible. - http://amp.gs/jpCZ9
#vue
A powerful and concise tutorial that will introduce you to GraphQL and integrating GraphQL into your Vue app with Apollo, in the shortest amount of time possible. - http://amp.gs/jpCZ9
#vue
hasura.io
Course Introduction | GraphQL Vue 3 Apollo Tutorial
A powerful and concise tutorial that will introduce you to GraphQL and integrating GraphQL into your Vue app with Apollo, in the shortest amount of time possible.
Big Images, Blazingly Fast
Wouter Deenik and Erwin Verbruggen share an in-depth article on how their team optimized full-screen images for Rijksmuseum’s new story platform. - http://amp.gs/jpkhq
#css
Wouter Deenik and Erwin Verbruggen share an in-depth article on how their team optimized full-screen images for Rijksmuseum’s new story platform. - http://amp.gs/jpkhq
#css
🔥1
Caxa: Package Node Apps Into Executable Binaries
If you want to create single executable versions of Node apps, there have been several options over the years, including Vercel’s pkg or nexe. Caxa is an opinionated alternative that has a superbly thorough README covering exactly how it works and how it compares to pkg and nexe. - http://amp.gs/jpez6
#nodjs
If you want to create single executable versions of Node apps, there have been several options over the years, including Vercel’s pkg or nexe. Caxa is an opinionated alternative that has a superbly thorough README covering exactly how it works and how it compares to pkg and nexe. - http://amp.gs/jpez6
#nodjs
GitHub
GitHub - leafac/caxa: 📦 Package Node.js applications into executable binaries 📦
📦 Package Node.js applications into executable binaries 📦 - GitHub - leafac/caxa: 📦 Package Node.js applications into executable binaries 📦
Improving JavaScript Bundle Performance With Code-Splitting
Adrian Bece shares more about the benefits and caveats of code-splitting and presents tips to improve page performance and load times by dynamically loading expensive, non-critical JavaScript bundles. - http://amp.gs/jpeWy
#javascript
Adrian Bece shares more about the benefits and caveats of code-splitting and presents tips to improve page performance and load times by dynamically loading expensive, non-critical JavaScript bundles. - http://amp.gs/jpeWy
#javascript
Smashing Magazine
Improving JavaScript Bundle Performance With Code-Splitting — Smashing Magazine
In this article, Adrian Bece shares more about the benefits and caveats of code-splitting and how page performance and load times can be improved by dynamically loading expensive, non-critical JavaScript bundles.
Diving Into Vue 3 - The Reactivity API
This article gives a clear and practical description of how to use the new Vue 3 Reactivity APIs, focusing on ref and reactive. - http://amp.gs/jp7Vh
#vue
This article gives a clear and practical description of how to use the new Vue 3 Reactivity APIs, focusing on ref and reactive. - http://amp.gs/jp7Vh
#vue
👍2