Using State Machines in Vue.js with XState – Sarah Dayan
While state machines used to be an obscure model for the front-end world, it has gained quite some traction lately, mostly thanks to XState. Instead of defining imperative UI flows, and lose track of their logic, state machines make them first-class citizens by letting you model them decoratively. They’re the closest thing to an actual flowchart, which is how a product manager or a UI designer would likely design the experience of a product. XState works within any JavaScript and TypeScript project, including Vue. - http://amp.gs/0j5A
#vue
While state machines used to be an obscure model for the front-end world, it has gained quite some traction lately, mostly thanks to XState. Instead of defining imperative UI flows, and lose track of their logic, state machines make them first-class citizens by letting you model them decoratively. They’re the closest thing to an actual flowchart, which is how a product manager or a UI designer would likely design the experience of a product. XState works within any JavaScript and TypeScript project, including Vue. - http://amp.gs/0j5A
#vue
frontstuff.io
Using State Machines in Vue.js with XState | frontstuff
While state machines used to be an obscure model for the front-end world, it has gained quite some traction lately, mostly thanks to XState.
Aborting a Fetch API Request
The Fetch API didn’t have the ability to abort a request in its early days (unlike XMLHttpRequest) but AbortController and AbortSignal can help you get the job done on all modern browsers. - http://amp.gs/08aY
#javascript
The Fetch API didn’t have the ability to abort a request in its early days (unlike XMLHttpRequest) but AbortController and AbortSignal can help you get the job done on all modern browsers. - http://amp.gs/08aY
#javascript
Meetguns
Aborting a fetch request
AbortController FTW 🎉
Component Communication in Angular
In this post, we're going to learn a few methods to pass data between components in Angular and which is the best way depending upon the scenario. - http://amp.gs/0TvK
#angular
In this post, we're going to learn a few methods to pass data between components in Angular and which is the best way depending upon the scenario. - http://amp.gs/0TvK
#angular
DigitalOcean
Component Communication in Angular | DigitalOcean
Overview of the 3 mains ways to pass some data in between components in Angular: via the Angular router, via inputs and outputs, or via services and observables.
Nesting Tab and Stack Navigators in React Native and Expo Apps
The art of rendering a navigator inside the screen of another navigator. - http://amp.gs/0zDp
#reactnative
The art of rendering a navigator inside the screen of another navigator. - http://amp.gs/0zDp
#reactnative
Medium
Nesting Tab and Stack Navigators in React Native and Expo Apps
Rendering a navigator inside the screen of another navigator
👍1
Create an i18n Plugin with Composition API in Vue.js 3
An example on how to use the inject and provide functions to create an i18n plugin using Composition API in Vue.js 3. - http://amp.gs/011H
#vue
An example on how to use the inject and provide functions to create an i18n plugin using Composition API in Vue.js 3. - http://amp.gs/011H
#vue
vuedose
Create a i18n Plugin with Composition API in Vue.js 3
A example on how to use the inject and provide functions to create a i18n plugin using Composition API in Vue.js 3.
Angular Interview Question: What are ng-container, ng-content, and ng-template?
You probably already have come across the three directives ng-content, ng-container and ng-template, but a short reminder can be of help. Especially if you are preparing for an Angular interview. - http://amp.gs/0YPR
#angular
You probably already have come across the three directives ng-content, ng-container and ng-template, but a short reminder can be of help. Especially if you are preparing for an Angular interview. - http://amp.gs/0YPR
#angular
Medium
Angular Interview Question: What are ng-container, ng-content and ng-template?
You probably already have come across the three directives ng-content, ng-container and ng-template, but a short reminder can be of help…
React Router v6 in Two Minutes
Learn what’s coming in the latest alpha. - http://amp.gs/0tta
#react #router
Learn what’s coming in the latest alpha. - http://amp.gs/0tta
#react #router
Medium
React Router v6 in Two Minutes
Learn what’s coming in the latest alpha
Why Are We Talking About CSS4?
Rachel Andrew rounds up some of the pros and cons of whether we should specify a version of CSS — perhaps naming it CSS4 — and asks for your feedback on the suggestion. - http://amp.gs/0mtN
#css
Rachel Andrew rounds up some of the pros and cons of whether we should specify a version of CSS — perhaps naming it CSS4 — and asks for your feedback on the suggestion. - http://amp.gs/0mtN
#css
Smashing Magazine
Why Are We Talking About CSS4? — Smashing Magazine
Around the web and within the CSS Working Group, there has been some discussion about whether we should specify a version of CSS — perhaps naming it CSS4. In this article, Rachel Andrew rounds up some of the pros and cons of doing so, and asks for your feedback…
When To Use The New Vue Composition API (And When Not To)
The new Vue 3 composition API was created to address scaling issues with the options API. But is it still useful in smaller apps? - http://amp.gs/0ZZf
#vue
The new Vue 3 composition API was created to address scaling issues with the options API. But is it still useful in smaller apps? - http://amp.gs/0ZZf
#vue
When To Use The New Vue Composition API (And When Not To)
The new Vue 3 composition API was created to address scaling issues with the options API. But is it still useful in smaller apps?
Understanding and Implementing Rate Limiting in Node
Explores the concept of rate limiting in Node — what it is, how it works, various ways to implement it, and some practical scenarios. - http://amp.gs/0pjx
#nodejs
Explores the concept of rate limiting in Node — what it is, how it works, various ways to implement it, and some practical scenarios. - http://amp.gs/0pjx
#nodejs
LogRocket Blog
Understanding and implementing rate limiting in Node.js - LogRocket Blog
Explore the concept of rate limiting in Node.js — what it is, how it works, various ways to implement it, and some practical scenarios.
V8 v8.1's Intl.DisplayNames
Another six weeks have passed so there’s another version of the V8 JavaScript engine that underpins Chrome and Node. In 8.1 we gain a Intl.DisplayNames method for displaying translated names of languages, regions, written scripts and currencies. - http://amp.gs/0Blz
#javascript
Another six weeks have passed so there’s another version of the V8 JavaScript engine that underpins Chrome and Node. In 8.1 we gain a Intl.DisplayNames method for displaying translated names of languages, regions, written scripts and currencies. - http://amp.gs/0Blz
#javascript
v8.dev
V8 release v8.1 · V8
V8 v8.1 features improved internationalization support through the new Intl.DisplayNames API.
Learn Box Alignment
Ahmad Shadeed created an interactive tutorial to help you learn the basics of box alignment in Flexbox and Grid. - http://amp.gs/0nI7
#css
Ahmad Shadeed created an interactive tutorial to help you learn the basics of box alignment in Flexbox and Grid. - http://amp.gs/0nI7
#css
Ahmad Shadeed Blog
Learn Box Alignment - Ahmad Shadeed
Ahmad Shadeed - Learn Box Alignment
An Approach to Persisting React State in localStorage
An approach to creating a custom hook to abstract away making preferences (such as common default form options) ‘sticky’ between uses. - http://amp.gs/0GIk
#react
An approach to creating a custom hook to abstract away making preferences (such as common default form options) ‘sticky’ between uses. - http://amp.gs/0GIk
#react
Joshwcomeau
Persisting React State in localStorage
A common thing in React development is that we want to store a bit of React state in localStorage, and re-initialize from that value on the next page-load. This quick tutorial shows you how we can build a custom hook that does exactly this!
A Growing Collection of 86 Node.js Best Practices
An in-depth guide for Node devs, available in multiple languages. Divided into 7 sections and updated regularly. This was a very popular item last year, but Yoni reached out to say it’s been updated and has also passed 40K GitHub stars – congratulations. - http://amp.gs/0x1A
#nodejs
An in-depth guide for Node devs, available in multiple languages. Divided into 7 sections and updated regularly. This was a very popular item last year, but Yoni reached out to say it’s been updated and has also passed 40K GitHub stars – congratulations. - http://amp.gs/0x1A
#nodejs
GitHub
GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2023)
:white_check_mark: The Node.js best practices list (July 2023) - GitHub - goldbergyoni/nodebestpractices: :white_check_mark: The Node.js best practices list (July 2023)
The Mindset of Component Composition in Vue
A step-by-step tutorial building a search bar component. Good for those already familiar with Vue but maybe want to see another developer’s perspective on component composition. - http://amp.gs/0x5t
#vue
A step-by-step tutorial building a search bar component. Good for those already familiar with Vue but maybe want to see another developer’s perspective on component composition. - http://amp.gs/0x5t
#vue
Telerik Blogs
The Mindset of Component Composition in Vue
A look at component composition in a step-by-step article where we will build a Search Bar component together.
Metrics, Logs, and Traces in JavaScript Tools
A look at the different types of useful metrics available to JavaScript developers. - http://amp.gs/0fc5
#javascript
A look at the different types of useful metrics available to JavaScript developers. - http://amp.gs/0fc5
#javascript
www.swyx.io
swyx Writing | Metrics, Logs, and Traces in JavaScript Tools
The DX of JavaScript Developer Tools could be better if we added Metrics, Logs, and Traces
4 Ways to Animate the Color of a Text Link on Hover
Katherine Kato looks at different ways to animate the link color while being mindful of accessibility, performance, and browser support. - http://amp.gs/0kzI
#css
Katherine Kato looks at different ways to animate the link color while being mindful of accessibility, performance, and browser support. - http://amp.gs/0kzI
#css
CSS-Tricks
4 Ways to Animate the Color of a Text Link on Hover | CSS-Tricks
Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors.
Building an Accordion with React Hooks
A tutorial to build a reusable, hooks-based accordion component. - http://amp.gs/0k6p
#react
A tutorial to build a reusable, hooks-based accordion component. - http://amp.gs/0k6p
#react
Smellycode
Building an Accordion with React Hooks.
A tutorial to build a reusable accordion component with React Hooks.