Preference Queries
Stephanie Eckles reviews two best-supported media queries that can detect user preferences: prefers-reduced-motion and prefers-color-scheme. - http://amp.gs/jmIHd
#css
Stephanie Eckles reviews two best-supported media queries that can detect user preferences: prefers-reduced-motion and prefers-color-scheme. - http://amp.gs/jmIHd
#css
12daysofweb.dev
Preference Queries | 12 Days of Web
Some CSS media queries can detect user preferences. We'll review the two best-supported types for motion and color settings.
Writing Clean JavaScript Tests with the BASIC Principles
An introduction to applying five key principles to shorten, clean, and simplify JavaScript and Node.js-based test suites. - http://amp.gs/jm8Cu
#nodejs
An introduction to applying five key principles to shorten, clean, and simplify JavaScript and Node.js-based test suites. - http://amp.gs/jm8Cu
#nodejs
Medium
Writing clean JavaScript tests with the BASIC principles
Applying 5 key principles to shorten, clean, and simplify JavaScript and Node.js testing
React Architecture: How to Structure and Organize a React Application
The theme from the item above continues here ;-) Tania is always fantastic at explaining things, so we really liked her approach to explaining project structure, and it seems you did too. - http://amp.gs/jmTtC
#react
The theme from the item above continues here ;-) Tania is always fantastic at explaining things, so we really liked her approach to explaining project structure, and it seems you did too. - http://amp.gs/jmTtC
#react
Taniarascia
Tania Rascia
Notes & tutorials
Scale Web Application using Micro-Frontend Architecture
In the last few years, Single Page Application (SPA) has become the first choice for developing any web… - http://amp.gs/jmTcM
#microfrontends
In the last few years, Single Page Application (SPA) has become the first choice for developing any web… - http://amp.gs/jmTcM
#microfrontends
Medium
Scale Web Application using Micro-Frontend Architecture (aka microservices on the web)
In the last few years, Single Page Application (SPA) has become the first choice for developing any web application. As we start adding…
Everything You Have to Know About Core Web Vitals
Karolina Szczur explains what Core Web Vitals are and why you should be tracking them. - http://amp.gs/jmzsc
#web #vitals
Karolina Szczur explains what Core Web Vitals are and why you should be tracking them. - http://amp.gs/jmzsc
#web #vitals
Calibre - Site Speed Tools for Teams
Everything You Have to Know About Core Web Vitals - Calibre
Understand what Core Web Vitals are and why you should be tracking them.
Angular Developer RoadMap 2021
The 2021 RoadMap for Angular Developer. Ever heard about Angular in web development? Do you know what it is… - http://amp.gs/jm1r8
#angular
The 2021 RoadMap for Angular Developer. Ever heard about Angular in web development? Do you know what it is… - http://amp.gs/jm1r8
#angular
Medium
Angular Developer RoadMap 2021
The 2021 RoadMap for Angular Developer. Ever heard about Angular in web development? Do you know what it is and how can you build skills to…
A Practical Guide to Harlem
Harlem is an alternative to Vuex and claims to be an "unopinionated, lightweight, and extensible" state management library for Vue 3. - http://amp.gs/jmY7N
#vue
Harlem is an alternative to Vuex and claims to be an "unopinionated, lightweight, and extensible" state management library for Vue 3. - http://amp.gs/jmY7N
#vue
Devjavu
A Practical Guide to Harlem | Devjavu
This article assumes you have a basic understanding of Vue and Vuex.
Starting out with any frontend framework or library, state management is always a topic you look on the web to learn, for Vue, the first recommended option you would find is Vuex — a library…
Starting out with any frontend framework or library, state management is always a topic you look on the web to learn, for Vue, the first recommended option you would find is Vuex — a library…
Five Code Smells React Beginners Should Avoid
About to pull the trigger on your first big pull request for a high profile project? You should probably go through this checklist first. As an aside, if you're writing an article about React, this is the sort of headline that is catnip to readers, as long as you can deliver - http://amp.gs/jmYb4
#react
About to pull the trigger on your first big pull request for a high profile project? You should probably go through this checklist first. As an aside, if you're writing an article about React, this is the sort of headline that is catnip to readers, as long as you can deliver - http://amp.gs/jmYb4
#react
Medium
5 Code Smells React Beginners Should Avoid
Make sure to double-check your pull request for these things before you submit
A Comprehensive Guide to Error Handling in Node
Node offers up plenty of ways for errors to crop up and exceptions to be thrown – this post from last month skims through some of the main areas you may want to consider. - http://amp.gs/jmtFT
#nodejs
Node offers up plenty of ways for errors to crop up and exceptions to be thrown – this post from last month skims through some of the main areas you may want to consider. - http://amp.gs/jmtFT
#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…
Using Position Sticky With CSS Grid
Ahmad Shadeed shows how to make position sticky work with CSS grid items. - http://amp.gs/jmmAU
#css
Ahmad Shadeed shows how to make position sticky work with CSS grid items. - http://amp.gs/jmmAU
#css
Ahmad Shadeed Blog
Using Position Sticky With CSS Grid - Ahmad Shadeed
How to make position sticky work with CSS grid items
The State of Web Workers in 2021
The web is single-threaded, but two years ago Surma told us why to always use Web Workers and why to bring multithreading to your solutions despite the difficulties. Almost every client supports them now, so Surma made the case again. - http://amp.gs/jmm61
#javascript #webworkers
The web is single-threaded, but two years ago Surma told us why to always use Web Workers and why to bring multithreading to your solutions despite the difficulties. Almost every client supports them now, so Surma made the case again. - http://amp.gs/jmm61
#javascript #webworkers
Smashing Magazine
The State Of Web Workers In 2021 — Smashing Magazine
The web is single-threaded. This makes it increasingly hard to write smooth and responsive apps. Workers have a bad rep, but can be an important and useful tool in any web developer's toolbelt for these kinds of problems. Let’s get up to speed on Workers…
How To Ensure You Are Following The Best Coding Practices
Coding doesn’t have to be confusing or frustrating. As long as you and your team are following these best practices, you should be able to produce high-quality, consistent, and easy-to-read code you can use again and again. Here’s how to ensure you are following the best coding practices to create simple, readable, easy-to-edit, and reusable code. - http://amp.gs/jmZgu
#best #coding
Coding doesn’t have to be confusing or frustrating. As long as you and your team are following these best practices, you should be able to produce high-quality, consistent, and easy-to-read code you can use again and again. Here’s how to ensure you are following the best coding practices to create simple, readable, easy-to-edit, and reusable code. - http://amp.gs/jmZgu
#best #coding
👍1
Top React Component Libraries (2021 Edition)
We're doing a separate list of top code and tools items below, but if you want a one-stop shop for component libraries, the folks at Retool released a 2021 update of their list of top React libraries. - http://amp.gs/jmZ5f
#react
We're doing a separate list of top code and tools items below, but if you want a one-stop shop for component libraries, the folks at Retool released a 2021 update of their list of top React libraries. - http://amp.gs/jmZ5f
#react
Retool
Top React component libraries: 2021 edition
An overview of the top React component libraries , looking at popularity, use cases, documentation, resources, support, etc.
👍1
40+ Node.js Integration Test Best Practices
This popular repository digs into a variety of quick-fire patterns and practices for creating good component/integration tests. There’s also a demo app and examples to check out using Jest, Mocha, Express, Fastify and Nest.js. - http://amp.gs/jmpxQ
#nodejs
This popular repository digs into a variety of quick-fire patterns and practices for creating good component/integration tests. There’s also a demo app and examples to check out using Jest, Mocha, Express, Fastify and Nest.js. - http://amp.gs/jmpxQ
#nodejs
👍1
How to Build a Vue-Based Micro-Frontends Infrastructure
Learn how a Vue 3 micro-frontends infrastructure can offer you superior performance as well as improve your development cycle. - http://amp.gs/jmpqx
#vue
Learn how a Vue 3 micro-frontends infrastructure can offer you superior performance as well as improve your development cycle. - http://amp.gs/jmpqx
#vue
Medium
How to build a Vue-based micro-frontends infrastructure
Micro-frontend infrastructure can help you create better applications, regardless if you want to replace the app’s framework or not.
Less Absolute Positioning With Modern CSS
Ahmad Shadeed explores a few use-cases where using absolute positioning isn’t needed anymore. - http://amp.gs/jmlpg
#css
Ahmad Shadeed explores a few use-cases where using absolute positioning isn’t needed anymore. - http://amp.gs/jmlpg
#css
Building a PWA with Vue.js
Discover what a PWA is, how to build one with Vue.js, and some tips, tricks, and best practices you can use along the way. - http://amp.gs/jmlFr
#vue
Discover what a PWA is, how to build one with Vue.js, and some tips, tricks, and best practices you can use along the way. - http://amp.gs/jmlFr
#vue
Using Angular Change Detection Effectively.
Overview Change Detection is the mechanism angular uses to keep DOM in synchronization with component data… - http://amp.gs/jmBFv
#angular
Overview Change Detection is the mechanism angular uses to keep DOM in synchronization with component data… - http://amp.gs/jmBFv
#angular
Best Practices for Logging in Node
A collection of tips walking through logging essentials - things like avoiding logging sensitive information, writing descriptive messages, and using logging levels correctly. - http://amp.gs/jmnDH
#nodejs
A collection of tips walking through logging essentials - things like avoiding logging sensitive information, writing descriptive messages, and using logging levels correctly. - http://amp.gs/jmnDH
#nodejs