Supercharged Testing with Wallaby.js
As if by magic Wallaby.js continuously runs your tests and immediately reports results back to your code editor even before you save the file. The real time feedback should result in more robust code. - http://amp.gs/ayVp
#react
As if by magic Wallaby.js continuously runs your tests and immediately reports results back to your code editor even before you save the file. The real time feedback should result in more robust code. - http://amp.gs/ayVp
#react
Smashing Magazine
Supercharge Testing React Applications With Wallaby.js — Smashing Magazine
Ever had to switch your focus from your editor and to your terminal to see the results of your tests? This article will introduce you to Wallaby.js — a JavaScript productivity tool that supercharges your IDE by allowing you to get real-time feedback on your…
Sass Vars, CSS Vars, and Semantic Theme Vars
Dave Rupert outlines some considerations for creating CSS variables with semantic names that work in both light and dark situations. - http://amp.gs/ahU0
#css
Dave Rupert outlines some considerations for creating CSS variables with semantic names that work in both light and dark situations. - http://amp.gs/ahU0
#css
What To Know About iPhone 12 Screen Sizes
The 2020 iPhone release brings four new models with three new device sizes including a 5.4” mini. Here’s a recap of what you need to know to update your apps for the new devices. - http://amp.gs/avSf
#news
The 2020 iPhone release brings four new models with three new device sizes including a 5.4” mini. Here’s a recap of what you need to know to update your apps for the new devices. - http://amp.gs/avSf
#news
New possibilities with Angular’s push pipe - Part 2
The main idea behind the Angular push pipe is a new way of handling change detection locally instead of the global handling used in async pipe by Angular natively. It is implemented in a way we can get zone-less performance in zone-full applications. - http://amp.gs/ag0f
#angular
The main idea behind the Angular push pipe is a new way of handling change detection locally instead of the global handling used in async pipe by Angular natively. It is implemented in a way we can get zone-less performance in zone-full applications. - http://amp.gs/ag0f
#angular
Tailwind Versus BEM
Eric Bailey compares Tailwind and BEM approaches to writing and maintaining CSS, and outlines benefits and drawbacks for both. - http://amp.gs/aEwK
#css
Eric Bailey compares Tailwind and BEM approaches to writing and maintaining CSS, and outlines benefits and drawbacks for both. - http://amp.gs/aEwK
#css
What Vue.js Does Better Than React
“I love and use React daily but was curious if there’s anything from Vue that React could learn from. Turns out there is! This post collects my findings.” - http://amp.gs/aV7z
#vue
“I love and use React daily but was curious if there’s anything from Vue that React could learn from. Turns out there is! This post collects my findings.” - http://amp.gs/aV7z
#vue
How to Use Sharp for Image Processing
Sharp is a high-performance module for resizing and formatting images (it uses libvips behind the scenes) and here’s how to get started with it. - http://amp.gs/a98v
#nodejs
Sharp is a high-performance module for resizing and formatting images (it uses libvips behind the scenes) and here’s how to get started with it. - http://amp.gs/a98v
#nodejs
Getting Started with Next.js
Next.js is a React-based framework focused on providing a good developer experience for building complete, production-bound apps covering both backend and frontend. - http://amp.gs/a9LA
#nextjs
Next.js is a React-based framework focused on providing a good developer experience for building complete, production-bound apps covering both backend and frontend. - http://amp.gs/a9LA
#nextjs
How to get the most from the TypeScript compiler — Angular
When it comes to the TypeScript compiler in an Angular application, there is one entry file that does the job and can do even more if you learned how to get the most of it. - http://amp.gs/a4of
#angular
When it comes to the TypeScript compiler in an Angular application, there is one entry file that does the job and can do even more if you learned how to get the most of it. - http://amp.gs/a4of
#angular
How to Persistently Change Third Party Web Sites With Browser Developer Tools
Christian Heilmann shows how to change and fix some issues in third party websites using developer tools in browsers. - http://amp.gs/aRbI
#css
Christian Heilmann shows how to change and fix some issues in third party websites using developer tools in browsers. - http://amp.gs/aRbI
#css
GraphQL Could be Your BFF (Backend for Frontend)
The architectural shift from monoliths to microservices came with a wide range of benefits. A reduction in complexity means the services are easier to design and build, the isolation of tasks means services can be team-specific, reducing the onboarding time for new developers and a reduction in processing power required to run the services makes it easier to scale horizontally. - http://amp.gs/aUuR
#bff
The architectural shift from monoliths to microservices came with a wide range of benefits. A reduction in complexity means the services are easier to design and build, the isolation of tasks means services can be team-specific, reducing the onboarding time for new developers and a reduction in processing power required to run the services makes it easier to scale horizontally. - http://amp.gs/aUuR
#bff
Medium
GraphQL Could be Your BFF (Backend for Frontend)
The architectural shift from monoliths to microservices came with a lot of benefits and downsides. The Backend for Frontend pattern can…
JavaScript's Memory Management Explained
A summary of the core concepts of memory management as it relates to JavaScript. - http://amp.gs/adH1
#javascript
A summary of the core concepts of memory management as it relates to JavaScript. - http://amp.gs/adH1
#javascript
How to Lazy Load a Component in Angular
This article explains various ways of lazy loading a component in Angular, including via an import statement inside an async-await function and via the then method. - http://amp.gs/arsF
#angular
This article explains various ways of lazy loading a component in Angular, including via an import statement inside an async-await function and via the then method. - http://amp.gs/arsF
#angular
Which To Choose in 2020: NextJS or Gatsby?
Up until a few months ago, choosing between NextJS and Gatsby was easy. Need to make a static site, like for a blog or help page where the content doesn’t change too often? Cool, choose Gatsby. Need to build a site with server-side rendering, like an e-commerce store with thousands of items? Great, NextJS it is. - http://amp.gs/aS0b
#react #nextjs
Up until a few months ago, choosing between NextJS and Gatsby was easy. Need to make a static site, like for a blog or help page where the content doesn’t change too often? Cool, choose Gatsby. Need to build a site with server-side rendering, like an e-commerce store with thousands of items? Great, NextJS it is. - http://amp.gs/aS0b
#react #nextjs
Medium
Which To Choose in 2020: NextJS or Gatsby?
We look at the pros and cons of both
A Quick Introduction to Elasticsearch for Node Developers
Got documents or data to offer search functionality over? Elasticsearch is a fantastic option. - http://amp.gs/aNwD
#nodejs
Got documents or data to offer search functionality over? Elasticsearch is a fantastic option. - http://amp.gs/aNwD
#nodejs
livecodestream.dev
A Quick Introduction to Elasticsearch for Node Developers
Learn how to perform instant searches with NodeJS and Elasticsearch.
Chasing the Pixel-Perfect Dream
Josh W Comeau explains why you shouldn’t chase universal design consistency, but rather make experience internally consistent, and faithful to the spirit of the design. - http://amp.gs/aAD6
#css
Josh W Comeau explains why you shouldn’t chase universal design consistency, but rather make experience internally consistent, and faithful to the spirit of the design. - http://amp.gs/aAD6
#css
Joshwcomeau
Chasing the Pixel-Perfect Dream
Is it possible to create an implementation of a design that matches to-the-pixel? Well, not really, but that shouldn't discourage us! In this article, I'll show how I became designers' best friend by leveraging a series of tricks to get my implementation…
Frontend Architectural Patterns: Backends-For-Frontends
The backends-for-frontends architectural pattern describes a world in which each client application has its own server-side component— a backend for a particular frontend.
This pattern is highly applicable if you have multiple client interfaces with significantly different needs that all consume the same underlying resources. The most common real-world example is an application that has both a web and a mobile client. - http://amp.gs/aqF2
#bff
The backends-for-frontends architectural pattern describes a world in which each client application has its own server-side component— a backend for a particular frontend.
This pattern is highly applicable if you have multiple client interfaces with significantly different needs that all consume the same underlying resources. The most common real-world example is an application that has both a web and a mobile client. - http://amp.gs/aqF2
#bff
Medium
Frontend Architectural Patterns: Backends-For-Frontends
Client-Tailored Microservices