Separating Core Logic and Framework Integrations
Write a simple useForm composable to integrate a framework-agnostic form validation library with Vue.js 3. - http://amp.gs/wjFn
#vue
Write a simple useForm composable to integrate a framework-agnostic form validation library with Vue.js 3. - http://amp.gs/wjFn
#vue
Vuejs-Course
Separating Core Logic and Framework Integrations (Part 2)
Write a thin integration layer for a framework-agnostic library
153 JavaScript Questions (With Their Answers Explained)
Want to test your JavaScript knowledge? Whether for fun or a job interview, this is an interesting set of questions, complete with explanations of the answers. We first linked to this a year ago when it only had about 40 questions, so it’s grown a lot! - http://amp.gs/w8Fe
#javascript
Want to test your JavaScript knowledge? Whether for fun or a job interview, this is an interesting set of questions, complete with explanations of the answers. We first linked to this a year ago when it only had about 40 questions, so it’s grown a lot! - http://amp.gs/w8Fe
#javascript
GitHub
GitHub - lydiahallie/javascript-questions: A long list of (advanced) JavaScript questions, and their explanations
A long list of (advanced) JavaScript questions, and their explanations :sparkles: - GitHub - lydiahallie/javascript-questions: A long list of (advanced) JavaScript questions, and their explanations
Getting started with programmatic animations using the Angular Animations API
The @angular/animations package is a powerful tool that you can utilize to your advantage in creating great experiences for your users. A simple animation like fade in or fade out may prove to be super effective in upgrading your applications. Adding simple animations like this does not take longer than 10 minutes of development time, but it helps you to keep your users on your website a lot longer! - http://amp.gs/wT21
#angular
The @angular/animations package is a powerful tool that you can utilize to your advantage in creating great experiences for your users. A simple animation like fade in or fade out may prove to be super effective in upgrading your applications. Adding simple animations like this does not take longer than 10 minutes of development time, but it helps you to keep your users on your website a lot longer! - http://amp.gs/wT21
#angular
Medium
Getting started with programmatic animations using the Angular Animations API
The @angular/animations package is a powerful tool that you can utilize to your advantage in creating great experiences for your users. A…
Building a Hexagonal Grid Using CSS Grid
Jesse Breneman demonstrates how to build a interconnected hexagonal grid, where each hexagon fits together seamlessly. - http://amp.gs/wzKT
#css
Jesse Breneman demonstrates how to build a interconnected hexagonal grid, where each hexagon fits together seamlessly. - http://amp.gs/wzKT
#css
Two Ways of Rate Limiting an Express App
A comparison of a naive approach versus something more structured with RxJS. - http://amp.gs/w1KJ
#nodejs
A comparison of a naive approach versus something more structured with RxJS. - http://amp.gs/w1KJ
#nodejs
eugene.coding.blog
Eugene's Coding Blog | Rate Limiting An Express App
How to conduct a per-user rate limit on an Express-powered API? Well there is a naive solution, and there
is a more elegant one which requires thinking in streams and reactive programming.
is a more elegant one which requires thinking in streams and reactive programming.
How to test custom prop validators in Vue.js
In the article, Rolf Haug (co-founder of Vue School) will show you how you can test props and custom prop validators in a simple and performant way, without spying on the console error. - http://amp.gs/wYH3
#vue
In the article, Rolf Haug (co-founder of Vue School) will show you how you can test props and custom prop validators in a simple and performant way, without spying on the console error. - http://amp.gs/wYH3
#vue
vueschool.io
How to test custom prop validators in Vue.js - Vue School Articles
In this Vue.js testing tutorial you will learn how to test custom prop validators in a performant and elegant manner. You'll also learn how to test standard Vue.js props.
Consuming REST APIs in React with Fetch and Axios
While there are a number of ways of going about it, this tutorial focuses on Axios and Fetch as the primary means of consuming REST APIs. It’s instructive but also may convince you that it’s a superior approach to the alternatives. - http://amp.gs/wtAB
#react
While there are a number of ways of going about it, this tutorial focuses on Axios and Fetch as the primary means of consuming REST APIs. It’s instructive but also may convince you that it’s a superior approach to the alternatives. - http://amp.gs/wtAB
#react
Smashing Magazine
Consuming REST APIs In React With Fetch And Axios — Smashing Magazine
If you’re a React developer who’d like to learn how you can start consuming APIs in your React applications, then this article is for you. Shedrack Akintayo explains what a REST API is and how to build a simple application that consumes a REST API by using…
Track Your (Android) Smartphone in Physical Space with JavaScript
In this tutorial, we will be utilizing the Generic Sensor API to turn your smartphone into a pointer with real-time tracking. - http://amp.gs/wmqm
#mobile #javascript
In this tutorial, we will be utilizing the Generic Sensor API to turn your smartphone into a pointer with real-time tracking. - http://amp.gs/wmqm
#mobile #javascript
Medium
Track Your Smartphone in 2D With JavaScript
Imagine what you can do with this new medium of interaction
An Old School Doom Clone (in 13KB of JavaScript)
I have no idea how we missed this last year, but wow, what a neat piece of work. You can even grab it and play with the code yourself. - http://amp.gs/wZAb
#javascript
I have no idea how we missed this last year, but wow, what a neat piece of work. You can even grab it and play with the code yourself. - http://amp.gs/wZAb
#javascript
Carlini
Yet Another Doom Clone (In 13kb of JavaScript)
Seven Ways to Improve Node Performance at Scale
A broad overview of general ideas. - http://amp.gs/wpz5
#nodejs
A broad overview of general ideas. - http://amp.gs/wpz5
#nodejs
LogRocket Blog
7 ways to improve Node.js performance at scale - LogRocket Blog
Learn about data handling methods you can use to enhance Node.js performance, how to manage more connections with load balancing, and more.
When Sass and New CSS Features Collide
Ana Tudor writes about the conflicts she encountered when using Sass with new CSS features. - http://amp.gs/wpN3
#css
Ana Tudor writes about the conflicts she encountered when using Sass with new CSS features. - http://amp.gs/wpN3
#css
CSS-Tricks
When Sass and New CSS Features Collide | CSS-Tricks
Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a lot easier, they
React Error Handling and Reporting with Error Boundary and Sentry
The concept of an error boundary is colourfully described as putting “a fence around a component to keep any fire…from getting out”. When used in combination with Sentry can deliver a much improved end user experience through real-time error reporting. This shows you how. - http://amp.gs/wltx
#react
The concept of an error boundary is colourfully described as putting “a fence around a component to keep any fire…from getting out”. When used in combination with Sentry can deliver a much improved end user experience through real-time error reporting. This shows you how. - http://amp.gs/wltx
#react
Smashing Magazine
React Error Handling And Reporting With Error Boundary And Sentry — Smashing Magazine
In this article, we’ll explore the concept of error boundaries in a React application. We’ll work through an example app to see how we can use error boundaries to deliver a better app experience. Finally, we’ll integrate Sentry into our error boundary for…
The process: Making Vue 3 – Increment: Frontend – Evan You
Would you like to learn more about the decision making and the development process of the upcoming Vue v3.0? Here are the lessons learned from rewriting the next major version of Vue.js, written by Evan You. - http://amp.gs/wldq
#vue
Would you like to learn more about the decision making and the development process of the upcoming Vue v3.0? Here are the lessons learned from rewriting the next major version of Vue.js, written by Evan You. - http://amp.gs/wldq
#vue
Increment
The process: Making Vue 3 – Increment: Frontend
Lessons from rewriting the next major version of Vue.js.
5 Lessons I’ve Learned on How to Structure Code
Here are 5 things you need to do in order to improve the structure of your code. - http://amp.gs/wBIB
#structure #patterns
Here are 5 things you need to do in order to improve the structure of your code. - http://amp.gs/wBIB
#structure #patterns
Medium
5 Lessons I’ve Learned on How to Structure Code
Benefit from this list to improve the structure of your code
Why We Switched From Yarn to pnpm
Yarn and pnpm are both popular alternatives to npm but why would you switch from one to the other? Improved performance in a monorepo situation. - http://amp.gs/wBiS
#nodejs
Yarn and pnpm are both popular alternatives to npm but why would you switch from one to the other? Improved performance in a monorepo situation. - http://amp.gs/wBiS
#nodejs
Combine APIs into one GraphQL endpoint.
Why we switched from Yarn to pnpm - Combine APIs into one GraphQL endpoint.
While refactoring our build process recently, we made a big decision: we were going to leave Yarn behind.
Using Custom Property “Stacks” to Tame the Cascade
Miriam Suzanne on how she used Custom Property “stacks” to solve some of the common issues people face in the cascade: from scoped component styles, to more explicit layering of intents. - http://amp.gs/wn4n
#css
Miriam Suzanne on how she used Custom Property “stacks” to solve some of the common issues people face in the cascade: from scoped component styles, to more explicit layering of intents. - http://amp.gs/wn4n
#css
CSS-Tricks
Using Custom Property "Stacks" to Tame the Cascade | CSS-Tricks
Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we've
Angular Directives Demystified
Directives are one of the least used features in Angular. They are often overlooked as devs typically tend to put all the logic into components. Lack of a clear understanding of how directives work also contributes to their underuse. In this article, we will learn all about directives, when and how to use them, and look at some useful real-world examples to cement this understanding. - http://amp.gs/wGvn
#angular
Directives are one of the least used features in Angular. They are often overlooked as devs typically tend to put all the logic into components. Lack of a clear understanding of how directives work also contributes to their underuse. In this article, we will learn all about directives, when and how to use them, and look at some useful real-world examples to cement this understanding. - http://amp.gs/wGvn
#angular
Understanding Reactivity in Vue 3.0 – Jinjiang
The Vue.js core team member Jinjiang has written an amazing, in-depth article about the reactivity system that can be found in Vue 3.0. It talks about how the reactivity API has evolved from what we had in Vue 2.x and it even shows how you can use the Vue’s new standalone reactivity with React. - http://amp.gs/wxg9
#vue
The Vue.js core team member Jinjiang has written an amazing, in-depth article about the reactivity system that can be found in Vue 3.0. It talks about how the reactivity API has evolved from what we had in Vue 2.x and it even shows how you can use the Vue’s new standalone reactivity with React. - http://amp.gs/wxg9
#vue
DEV Community
Understanding Reactivity in Vue 3.0
This article is just written for my knowledge and understanding of the coolest part in Vue: the react...
How to Create Editable DataGrids in a React Redux Application
The decades-old concept of the spreadsheet has created a pervasive notion that every grid of data should be editable. It looks like a spreadsheet, shouldn’t it work like one? Here's how to use Redux to help live up to that sometimes unrealistic expectation. - http://amp.gs/wfxv
#react
The decades-old concept of the spreadsheet has created a pervasive notion that every grid of data should be editable. It looks like a spreadsheet, shouldn’t it work like one? Here's how to use Redux to help live up to that sometimes unrealistic expectation. - http://amp.gs/wfxv
#react
GrapeCity Developer Solutions
How to Create Editable DataGrids in a React Redux Application | Wijmo
Here, we'll create an application that uses a React datagrid demonstrating how to edit an array from the Redux Store.