A Performance Deep-Dive into the Hapi Web Framework
“we were able to squeeze out a 30% performance boost in hapi using relatively simple changes.” - http://amp.gs/wU6o
#nodejs
“we were able to squeeze out a 30% performance boost in hapi using relatively simple changes.” - http://amp.gs/wU6o
#nodejs
NearForm Enterprise Software Solution Development
Hapi: A Performance deep-dive - NearForm
Performance means a lot of different things, but we wanted to see if we could improve the requests per second that hapi could perform on real-world use cases.
Building a Facial Recognition Webapp with React
Facial recognition is much in the news at the moment for mostly well-deserved negative reasons. However, this tutorial is aimed more at finding faces anonymously for the purposes of automating the image cropping and composition process. It simply has the potential to take the busywork out of creating better photos. - http://amp.gs/wday
#react
Facial recognition is much in the news at the moment for mostly well-deserved negative reasons. However, this tutorial is aimed more at finding faces anonymously for the purposes of automating the image cropping and composition process. It simply has the potential to take the busywork out of creating better photos. - http://amp.gs/wday
#react
Smashing Magazine
Building A Facial Recognition Web Application With React — Smashing Magazine
In this article, we will build a facial recognition web app with the help of React and the Face Recognition API, and cover the Face Detection model and Predict API.
When a Line Doesn’t Break
Welling Guzman outlines some intricatacies of line breaking by looking at a situation where it seems like a line is going to break but it doesn’t. - http://amp.gs/wOHS
#css
Welling Guzman outlines some intricatacies of line breaking by looking at a situation where it seems like a line is going to break but it doesn’t. - http://amp.gs/wOHS
#css
CSS-Tricks
When a Line Doesn’t Break | CSS-Tricks
We expect a line to break when the text on that line reaches the parent box boundaries. We see this every time we create a paragraph, just like this one. When
Angular Template Type Checking
In Angular 9, a neat new template type checking mode has been introduced, called strictTemplates. In this article, we will learn what it is and why we should enable it. - http://amp.gs/wrHp
#angular
In Angular 9, a neat new template type checking mode has been introduced, called strictTemplates. In this article, we will learn what it is and why we should enable it. - http://amp.gs/wrHp
#angular
Medium
Angular Template Type Checking
In Angular 9, a neat new template type checking mode has been introduced, called strictTemplates. Let me tell your what it is and why you…
Venturing into Vite with Evan You
New episode of Enjoy the Vue podcast with Evan You talking about Vue, Vite and VitePres - http://amp.gs/wSqf
#vue #podcast
New episode of Enjoy the Vue podcast with Evan You talking about Vue, Vite and VitePres - http://amp.gs/wSqf
#vue #podcast
A Principled Approach to GraphQL Query Cost Analysis
Why you should measure the cost of your GraphQL queries, and how you should do it. - http://amp.gs/wNr4
#graphql
Why you should measure the cost of your GraphQL queries, and how you should do it. - http://amp.gs/wNr4
#graphql
Medium
A Principled Approach to GraphQL Query Cost Analysis
Why you should measure the cost of your GraphQL queries, and how you should do it.
Higher-Order Components In React
Higher order functions are simply functions which take other functions as their arguments and/or return functions as results. ‘Higher order components’ bring a similar concept to React and here we see the basic structure, some specific situations where they can be used and an example to illustrate it all. - http://amp.gs/wAN7
#react
Higher order functions are simply functions which take other functions as their arguments and/or return functions as results. ‘Higher order components’ bring a similar concept to React and here we see the basic structure, some specific situations where they can be used and an example to illustrate it all. - http://amp.gs/wAN7
#react
How to Apply CSS Styles to Page Elements Using JavaScript
Applying CSS Styles to page elements using JavaScript without any external libraries or frameworks. - http://amp.gs/wsyc
#javascript
Applying CSS Styles to page elements using JavaScript without any external libraries or frameworks. - http://amp.gs/wsyc
#javascript
Medium
How to Apply CSS Styles to Page Elements Using JavaScript
You don’t need jQuery to dynamically apply CSS to style elements on a webpage using JavaScript. Here’s how to do so without any external…
The Anatomy Of A Push Notification
Push notifications were first introduced on iOS back in 2009, web push followed five years later. Today, they are supported across a lot of platforms and browsers — from iOS and Android to Amazon Echo, Windows, Chrome, Safari, Firefox, Edge, and more. Each one of these platforms is a bit different, though, making it complicated for designers to wrap their heads around what exactly goes into a push notification. - http://amp.gs/wiyN
#push #notification
Push notifications were first introduced on iOS back in 2009, web push followed five years later. Today, they are supported across a lot of platforms and browsers — from iOS and Android to Amazon Echo, Windows, Chrome, Safari, Firefox, Edge, and more. Each one of these platforms is a bit different, though, making it complicated for designers to wrap their heads around what exactly goes into a push notification. - http://amp.gs/wiyN
#push #notification
Customer Engagement Blog
The Design and Anatomy of Push Notifications Across Devices
It can be daunting to remember how to adapt push notifications to different devices and mediums. Learn insights to help navigate that process.
Making Lil’ Me
Cassie Evans demonstrates how to get values from the mouse movement and plug them into an animation that responds to the cursor position. - http://amp.gs/wDnW
#css
Cassie Evans demonstrates how to get values from the mouse movement and plug them into an animation that responds to the cursor position. - http://amp.gs/wDnW
#css
cassie.codes
Making a lil' me - Part 1.
How to get values from mouse movement and plug them into an animation - the mouse movement bit.
Testing Vue+Apollo: 2020 edition
Testing Vue components is usually pretty straightforward until those components start depending on other packages. Like Apollo’s GraphQL. Here’s a new take on testing this stack written by Natalia Tepluhina. - http://amp.gs/wJYL
#vue
Testing Vue components is usually pretty straightforward until those components start depending on other packages. Like Apollo’s GraphQL. Here’s a new take on testing this stack written by Natalia Tepluhina. - http://amp.gs/wJYL
#vue
DEV Community
Testing Vue+Apollo: 2020 edition
Almost two years ago I started my dev.to journey with the article about unit testing Vue + Apollo com...
10 Best JavaScript Frameworks to Use in 2020
A list of top 10 JavaScript Frameworks in 2020 to make it possible for the programmer to code the application as a device responsive. - http://amp.gs/wJr9
#javascript
A list of top 10 JavaScript Frameworks in 2020 to make it possible for the programmer to code the application as a device responsive. - http://amp.gs/wJr9
#javascript
Hackr.io
10 Best JavaScript Frameworks to Use in 2023 [Recommended]
JavaScript is one of the most popular programming languages and there’s no shortage of frameworks. We list here the 10 best JavaScript frameworks in 2023.
Tips for End to End Testing with Puppeteer
Some tips and tricks from someone who’s used Puppeteer a lot. - http://amp.gs/w0jT
#nodejs #puppeteer
Some tips and tricks from someone who’s used Puppeteer a lot. - http://amp.gs/w0jT
#nodejs #puppeteer
Goodguydaniel
Tips for End to End Testing with Puppeteer
These are exciting times for End to End (E2E) testing in the JavaScript world. In the last couple of years,
tools such as cypress and…
tools such as cypress and…
More Than Hard and Soft Skills for Engineers
Natam Oliveira shows a few attributes, methods, and tools that an engineer can apply to better connect soft and hard skills in day-to-day assignments. - http://amp.gs/w0OT
#hard #soft #skills
Natam Oliveira shows a few attributes, methods, and tools that an engineer can apply to better connect soft and hard skills in day-to-day assignments. - http://amp.gs/w0OT
#hard #soft #skills
Cheesecake Labs
More than hard and soft skills for engineers | Cheesecake Labs
Hello developer, how are you? Has anyone asked how your day has been today? To be a proficient software engineer, we find ourselves in an ocean of skills that are required for the job: each company has its tech stack, its way of working and its culture. Which…
Sharing React Components Between a Web & Electron App
In yet another effort to increase the return on the time invested in building robust React components, here's how to further increase their utility by making them available to an Electron desktop app using Bit: "the platform for collaboration on atomic components". - http://amp.gs/w0oD
#react
In yet another effort to increase the return on the time invested in building robust React components, here's how to further increase their utility by making them available to an Electron desktop app using Bit: "the platform for collaboration on atomic components". - http://amp.gs/w0oD
#react
Medium
Sharing React Components between a Web App and an Electron Desktop App
How to publish components from a React web app and reuse them in a React-Electron desktop app.
Make Libraries Work with Vue 2 and 3
Probably my favorite news this week! Anthony Fu created Vue-Demi. A utility library that allows you to ship 1 version of your Vue library that will support both Vue 2.x and Vue 3.0 at the same time. All you have to do is change your composition-api imports from either “vue” or “@vue/composition-api“ to “vue-demi”. The library will automatically use the available source for those functions based on the environment. Can’t wait to try it out with the new Vuelidate version. - http://amp.gs/wKhG
#vue
Probably my favorite news this week! Anthony Fu created Vue-Demi. A utility library that allows you to ship 1 version of your Vue library that will support both Vue 2.x and Vue 3.0 at the same time. All you have to do is change your composition-api imports from either “vue” or “@vue/composition-api“ to “vue-demi”. The library will automatically use the available source for those functions based on the environment. Can’t wait to try it out with the new Vuelidate version. - http://amp.gs/wKhG
#vue
antfu.me
Make Libraries Working with Vue 2 and 3
Try Vue Demi!
Lessons Learned Refactoring Optional Chaining Into a Large Codebase
Lea Verou, creator of Mavo, decided to refactor Mavo to use optional chaining (?.) and here’s some of what she discovered along the way. - http://amp.gs/wKbI
#javascript
Lea Verou, creator of Mavo, decided to refactor Mavo to use optional chaining (?.) and here’s some of what she discovered along the way. - http://amp.gs/wKbI
#javascript
All You Need to Know About MongoDB Schema Migrations in Node - http://amp.gs/w3L8
#nodejs #mongodb #migrations
#nodejs #mongodb #migrations
Softwareontheroad: articles on node, react, angular, AWS
All you need to know about MongoDB schema migrations in node.js
Forget about running updates manually on robomongo. Use an automated migration tool instead!
Better Reducers With Immer
If writing reducers by hand has left your code with a lot of bloat, you may want to relieve the tedium and potential for errors through the use of the lightweight Immer library to simply the process. - http://amp.gs/wH3n
#react #immer
If writing reducers by hand has left your code with a lot of bloat, you may want to relieve the tedium and potential for errors through the use of the lightweight Immer library to simply the process. - http://amp.gs/wH3n
#react #immer
Smashing Magazine
Better Reducers With Immer — Smashing Magazine
When working with React, we maintain a lot of state. To make updates to our state, we need to write a lot of reducers. In this article, we’re going to learn how to use Immer to write reducers, and more.