Adding Voice Search to a React App
Learn how to use the Web Speech API to add a simple ‘voice search’ functionality to your app. - http://amp.gs/jjBSv
#react
Learn how to use the Web Speech API to add a simple ‘voice search’ functionality to your app. - http://amp.gs/jjBSv
#react
Looking for an efficient hosting platform? 👨💻 👩💻
Plesk is the innovative control panel that better fits your needs:
👉 Manage thousands of sites in one single dashboard.
👉 Easily automate admin tasks.
👉 Cloud-friendly. Plesk runs on both, Linux & Windows.
👉 Integrate with Cloudflare CDN, WordPress Toolkit and more.
👉 Out-of-the-box security features including Let's Encrypt and ModSecurity.
Try Free Plesk Now for Your Sites & Servers
Plesk is the innovative control panel that better fits your needs:
👉 Manage thousands of sites in one single dashboard.
👉 Easily automate admin tasks.
👉 Cloud-friendly. Plesk runs on both, Linux & Windows.
👉 Integrate with Cloudflare CDN, WordPress Toolkit and more.
👉 Out-of-the-box security features including Let's Encrypt and ModSecurity.
Try Free Plesk Now for Your Sites & Servers
Conditional Templates for Angular Components
One of the many benefits of working in Nx workspaces is the ability to share code between applications. In an… - http://amp.gs/jjnNO
#angular
One of the many benefits of working in Nx workspaces is the ability to share code between applications. In an… - http://amp.gs/jjnNO
#angular
Medium
Conditional Templates for Angular Components
One of the many benefits of working in Nx workspaces is the ability to share code between applications. In an Angular application…
Why the React Testing Library Is Much More Than a Testing Library
The author makes the case for using RTL and its ability to mimic user interactions and making them the objective of testing, rather than the fragile minutia of the test implementation details. - http://amp.gs/jjGiS
#react
The author makes the case for using RTL and its ability to mimic user interactions and making them the objective of testing, rather than the fragile minutia of the test implementation details. - http://amp.gs/jjGiS
#react
Watching for Changes in Vue.js Component Slot Content
This article explains how to update the state of a component any time its contents (slot, children, etc.) are changed. - http://amp.gs/jjxAf
#vue
This article explains how to update the state of a component any time its contents (slot, children, etc.) are changed. - http://amp.gs/jjxAf
#vue
Medium
Watching for Changes in Vue.js Component Slot Content
I recently had the need to update the state of a component any time its contents (slot, children, etc.) changed. For context, it’s a form…
Micro Frontends Step by Step Using React, Webpack 5, and Module Federation
In this article, I will go step by step in creating two Micro Frontend React Components and render a Button… - http://amp.gs/jjf3T
#microfrontends #webpack
In this article, I will go step by step in creating two Micro Frontend React Components and render a Button… - http://amp.gs/jjf3T
#microfrontends #webpack
How Node.js Microservices Interact with Each Other Using gRPC
In this article, we will learn how microservices interact with each other using the gRPC framework. gRPC is a… - http://amp.gs/jjCwj
#nodejs
In this article, we will learn how microservices interact with each other using the gRPC framework. gRPC is a… - http://amp.gs/jjCwj
#nodejs
Medium
How Node.js Microservices Interact with Each Other Using gRPC
In this article, we will learn how microservices interact with each other using the gRPC framework. gRPC is a modern RPC that enables…
Using Performant Next-Gen Images in CSS with image-set
Ollie Williams explores what we can and can’t do today with image-set(). - http://amp.gs/jjk3h
#css
Ollie Williams explores what we can and can’t do today with image-set(). - http://amp.gs/jjk3h
#css
CSS-Tricks
Using Performant Next-Gen Images in CSS with image-set | CSS-Tricks
The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88.
When CSS Isn’t Enough: JavaScript Requirements For Accessible Components
Stephanie Eckles looks at how components such as tooltips, modals, tabs, carousels, and dropdown menus often require more than just CSS (even when 'pure CSS' solutions are technically possible), especially to ensure accessibility. - http://amp.gs/jjeMG
#javascript
Stephanie Eckles looks at how components such as tooltips, modals, tabs, carousels, and dropdown menus often require more than just CSS (even when 'pure CSS' solutions are technically possible), especially to ensure accessibility. - http://amp.gs/jjeMG
#javascript
Smashing Magazine
When CSS Isn’t Enough: JavaScript Requirements For Accessible Components — Smashing Magazine
Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond…
Debugging Guide: Why Your Vue Component Isn't Updating
If you've got a Vue component that won't update the way you expect it to, this debugging guide will help you to quickly identify and fix the problem. - http://amp.gs/jj7aY
#vue
If you've got a Vue component that won't update the way you expect it to, this debugging guide will help you to quickly identify and fix the problem. - http://amp.gs/jj7aY
#vue
Michaelnthiessen
Debugging Guide: Why Your Vue Component Isn't Updating (and how to fix it) - Michael Thiessen
If you've got a Vue component that won't update the way you expect it to, this debugging guide will help you to quickly identify and fix the problem.
Building a Rich WYSIWYG Text Editor From Scratch
Learn how to build a rich text editor into an app with Slate doing the heavy lifting. - http://amp.gs/jjP9i
#react
Learn how to build a rich text editor into an app with Slate doing the heavy lifting. - http://amp.gs/jjP9i
#react
Smashing Magazine
Building A Rich Text Editor (WYSIWYG) — Smashing Magazine
Let’s build a rich text, WYSIWYG-editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations.
5 Best Chrome Extensions for Web Developers
My top favorite Chrome extensions I use - http://amp.gs/jjyTQ
#chrome #extension
My top favorite Chrome extensions I use - http://amp.gs/jjyTQ
#chrome #extension
Medium
5 Best Chrome Extensions for Web Developers
My top favorite Chrome extensions I use
Solutions Architect Tips — The 5 Types of Architecture Diagrams
The flow, service, persona, infrastructure, and developer diagram - http://amp.gs/jjyup
#solution #architect
The flow, service, persona, infrastructure, and developer diagram - http://amp.gs/jjyup
#solution #architect
Medium
Solutions Architect Tips — The 5 Types of Architecture Diagrams
The flow, service, persona, infrastructure, and developer diagram
Vue vs Svelte: Comparing Framework Internals
In this tutorial, we'll put the two frameworks, Vue and Svelte, side-by-side, and compare the different implementation approaches. - http://amp.gs/jjhB8
#vue
In this tutorial, we'll put the two frameworks, Vue and Svelte, side-by-side, and compare the different implementation approaches. - http://amp.gs/jjhB8
#vue
Vue Mastery
Vue vs Svelte: Comparing Framework Internals
In this tutorial, we'll put the two frameworks, Vue and Svelte, side-by-side, and compare the different implementation approaches.
A 3D Hover Effect Using CSS Transforms
Ryan Finni demonstrates how to create an effective hover interaction with JavaScript and CSS. - http://amp.gs/jjh2Z
#css
Ryan Finni demonstrates how to create an effective hover interaction with JavaScript and CSS. - http://amp.gs/jjh2Z
#css
letsbuildui.dev
A 3D Hover Effect Using CSS Transforms
Creating a hover interaction with Javascript and CSS.
28 (And Counting) Node CLI App Best Practices
From the creator of several Node-based CLI tools is a curated collection of best practices for building “successful, empathic and user-friendly” CLI tools using Node. - http://amp.gs/jjvVt
#nodejs
From the creator of several Node-based CLI tools is a curated collection of best practices for building “successful, empathic and user-friendly” CLI tools using Node. - http://amp.gs/jjvVt
#nodejs
GitHub
GitHub - lirantal/nodejs-cli-apps-best-practices: The largest Node.js CLI Apps best practices list ✨
The largest Node.js CLI Apps best practices list ✨ - GitHub - lirantal/nodejs-cli-apps-best-practices: The largest Node.js CLI Apps best practices list ✨
Deep Dive Into React Context API
For props used by many components (such as UI theme, for example) use React’s Context API to make them available throughout your component tree without the hassle of all that passing them from parent-to-child. - http://amp.gs/jjgyX
#react
For props used by many components (such as UI theme, for example) use React’s Context API to make them available throughout your component tree without the hassle of all that passing them from parent-to-child. - http://amp.gs/jjgyX
#react
Medium
Deep Dive into React Context API
How to use React’s Context API? Which helps you to manage global states in your React apps without resorting to prop drilling
Angular: Effective Component Patterns
Effective patterns for sharing data between components in Angular… - http://amp.gs/jjEdA
#angular
Effective patterns for sharing data between components in Angular… - http://amp.gs/jjEdA
#angular
Medium
Angular: Effective Component Patterns
Effective patterns for sharing data between components in Angular…
How To Switch From Software Developer to Solutions Architect
Discover how you can start your journey into the world of architecture - http://amp.gs/jjVdA
#architect
Discover how you can start your journey into the world of architecture - http://amp.gs/jjVdA
#architect
Medium
How To Switch From Software Developer to Solutions Architect
Discover how you can start your journey into the world of architecture