undefined vs. null Revisited
Most languages include a concept of a ‘non-value’ (often called null or nil) but JavaScript has two in the form of undefined and null. Dr. Axel analyzes their differences and where and why they’re used. - http://amp.gs/Q8IV
#javascript
Most languages include a concept of a ‘non-value’ (often called null or nil) but JavaScript has two in the form of undefined and null. Dr. Axel analyzes their differences and where and why they’re used. - http://amp.gs/Q8IV
#javascript
Storybook With Angular 10
Storybook allows you to write various “test cases” on your Angular components when passing it different Input()s and responding to its variousOutput()s. This is useful especially when you want to quickly view changes to a specific component as opposed to waiting for the entire app to refresh on each change. - http://amp.gs/Q8oE
#angular
Storybook allows you to write various “test cases” on your Angular components when passing it different Input()s and responding to its variousOutput()s. This is useful especially when you want to quickly view changes to a specific component as opposed to waiting for the entire app to refresh on each change. - http://amp.gs/Q8oE
#angular
Medium
Setup Storybook With Angular 10
Storybook allows you to write various “test cases” on your Angular components when passing it different Input()s and responding to its…
Practical Aspect Oriented Programming in JavaScript
Aspect oriented programming is a modular coding technique where existing code is embellished or extended rather than modified. This is a very brief JS-oriented overview. - http://amp.gs/QT03
#nodejs
Aspect oriented programming is a modular coding technique where existing code is embellished or extended rather than modified. This is a very brief JS-oriented overview. - http://amp.gs/QT03
#nodejs
The Code Barbarian
Practical Aspect Oriented Programming in JavaScript
Aspect oriented programming is a paradigm that a lot of JavaScript frameworks borrow from, but there's no definitive way to do aspect oriented programming in JavaScript yet. Here's an idea for how you can think of aspect oriented programming in a JavaScript…
An Introduction to the Rollup.js Bundler
Rollup is a popular ES module oriented module bundler. - http://amp.gs/Qz50
#rollup
Rollup is a popular ES module oriented module bundler. - http://amp.gs/Qz50
#rollup
Sitepoint
An Introduction to the Rollup.js JavaScript Bundler — SitePoint
Snowpack, webpack and Parcel bundle your JS but are hard to custom configure. Rollup.js is faster and more configurable. Learn how to set it up!
Managing CSS Z-Index In Large Projects
Steven Frieson outlines an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index. - http://amp.gs/QYY3
#css
Steven Frieson outlines an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index. - http://amp.gs/QYY3
#css
Smashing Magazine
Managing CSS Z-Index In Large Projects — Smashing Magazine
Wrangling z-index values is a difficult task for many developers. Here is an easy-to-implement mini-framework based on existing conventions that brings clarity and confidence to working with z-index.
Use Mapbox Popups with Vue 3
In this article, you'll learn how to use a Vue 3 component as content of a Mapbox popup while keeping full reactivity. - http://amp.gs/QY6h
#vue
In this article, you'll learn how to use a Vue 3 component as content of a Mapbox popup while keeping full reactivity. - http://amp.gs/QY6h
#vue
Medium
Use Mapbox Popups with Vue 3
Mapbox is super cool. 🥳 Vue 3 is super cool. 🥳
Building Server-Side Rendering for React Apps on AWS Lambda
A look at two ways you can implement and deploy a solution for server-side rendering in React applications by using Lambda or Lambda@Edge, along with using tools like AWS CDK to automate things. - http://amp.gs/Qmjd
#react
A look at two ways you can implement and deploy a solution for server-side rendering in React applications by using Lambda or Lambda@Edge, along with using tools like AWS CDK to automate things. - http://amp.gs/Qmjd
#react
Amazon
Building server-side rendering for React in AWS Lambda | Amazon Web Services
This post demonstrates two ways you can implement and deploy a solution for server-side rendering in React applications, by using Lambda or Lambda@Edge. It also shows how to use open-source tools and AWS CDK to automate the building and deployment of such…
10 Bad TypeScript Habits to Break This Year
Unsurprisingly, given the title, this is very opinionated. - http://amp.gs/QZlv
#typescript
Unsurprisingly, given the title, this is very opinionated. - http://amp.gs/QZlv
#typescript
Angular — Utilizing custom pure pipe to improve performance
Pipe is a powerful feature in Angular to achieve data transformation in templates. - http://amp.gs/QpTd
#angular
Pipe is a powerful feature in Angular to achieve data transformation in templates. - http://amp.gs/QpTd
#angular
Medium
Angular — Utilizing custom pure pipe to improve performance
Pipe is not only a powerful tool in Angular to achieve data transformation in templates, but also useful to improve performance.
Capturing Hacker News Mentions with Node and MongoDB
If you don’t want to read the ‘orange site’ (as it’s often called) but you’d like to know if something gets mentioned there, here’s one option. - http://amp.gs/QlZS
#nodejs
If you don’t want to read the ‘orange site’ (as it’s often called) but you’d like to know if something gets mentioned there, here’s one option. - http://amp.gs/QlZS
#nodejs
The Polyglot Developer
Capturing Hacker News Mentions with Node.js and MongoDB
Learn how to stream data from Hacker News into MongoDB for analyzing with Node.js.
13 JavaScript One-Liners That’ll Make You Look Like a Pro
Step up your JS knowledge in just a few minutes by checking out these 13 JavaScript one-liners that’ll make you look like a pro! - http://amp.gs/QB1p
#javascript
Step up your JS knowledge in just a few minutes by checking out these 13 JavaScript one-liners that’ll make you look like a pro! - http://amp.gs/QB1p
#javascript
Medium
13 JavaScript One-Liners That’ll Make You Look Like a Pro
In just a few minutes, step up your JS knowledge.
Exploring the Complexities of Width and Height in CSS
Uri Shaked and Michal Porag explore the complexities of how CSS computes the width and height dimensions of elements. - http://amp.gs/QBO3
#css
Uri Shaked and Michal Porag explore the complexities of how CSS computes the width and height dimensions of elements. - http://amp.gs/QBO3
#css
CSS-Tricks
Exploring the Complexities of Width and Height in CSS
The following article is co-authored by Uri Shaked and Michal Porag. Let’s explore the complexities of how CSS computes the width and height dimensions of
7 Tips to Go From Beginner to Advanced in Vue.js
Vue.js is my framework of choice for front-end development, and there are many reasons for that. I enjoy the simplicity, the powerful features, and the great performance it provides. - http://amp.gs/Qn8L
#vue
Vue.js is my framework of choice for front-end development, and there are many reasons for that. I enjoy the simplicity, the powerful features, and the great performance it provides. - http://amp.gs/Qn8L
#vue
Medium
7 Tips to Go From Beginner to Advanced in Vue.js
Level up your Vue.js game
How We Improved Smashing Magazine's Performance
It’s no secret Smashing Magazine is one of our favourite sources for high quality articles, so it's interesting to see how they've made it even quicker for you to consume their content by optimizing their React and Jamstack-based site. - http://amp.gs/QnNq
#performance
It’s no secret Smashing Magazine is one of our favourite sources for high quality articles, so it's interesting to see how they've made it even quicker for you to consume their content by optimizing their React and Jamstack-based site. - http://amp.gs/QnNq
#performance
Smashing Magazine
How We Improved SmashingMag Performance — Smashing Magazine
In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected…
RxJS & Angular — Unsubscribe Like a Pro
All the patterns you will ever need to subscribe and unsubscribe from RxJS Observables in your Angular project! - http://amp.gs/QG9M
All the patterns you will ever need to subscribe and unsubscribe from RxJS Observables in your Angular project! - http://amp.gs/QG9M
Medium
RxJS & Angular — Unsubscribe Like a Pro
All the patterns you will ever need to subscribe and unsubscribe from RxJS Observables in your Angular project!
Beautiful Accessibility With Floating Focus
Guido Bouman introduces Floating Focus, an easy to implement focus-state solution that improves accessibility and usability. - http://amp.gs/QxtH
#css
Guido Bouman introduces Floating Focus, an easy to implement focus-state solution that improves accessibility and usability. - http://amp.gs/QxtH
#css
Q42 Engineering
Beautiful accessibility with Floating Focus
A package published by Dutch tech agency Q42 to empower the end user, while keeping the designers on your team happy.
Caching Vue Refs - Abdelrahman Awad
Introducing self-managed-caching on server-side and client-side has a lot of benefits and can help you out when you need atomic control over your data. - http://amp.gs/Qx67
#vue
Introducing self-managed-caching on server-side and client-side has a lot of benefits and can help you out when you need atomic control over your data. - http://amp.gs/Qx67
#vue
The Styled-Components Happy Path
A well-illustrated synthesis of all the author’s ideas which support making your CSS less fragile. It also helps eliminate specificity issues and provides a clean mental model to help you understand what your pages are going to look like. - http://amp.gs/QfcM
#react
A well-illustrated synthesis of all the author’s ideas which support making your CSS less fragile. It also helps eliminate specificity issues and provides a clean mental model to help you understand what your pages are going to look like. - http://amp.gs/QfcM
#react
Joshwcomeau
The styled-components Happy Path
styled-components is a wonderfully powerful styling library for React, and over the years I've learned a lot about how to use it effectively. This article shares my personal “best practices”.