React-with-Gesture: A Utility for Component-Tied Pointer Gestures
If you’ve been intimidated with setting up a touch or mouse-based gesture for your components and views, react-with-gesture promises to make it easier. The live demo is neat. - http://amp.gs/Vmfe
#react
If you’ve been intimidated with setting up a touch or mouse-based gesture for your components and views, react-with-gesture promises to make it easier. The live demo is neat. - http://amp.gs/Vmfe
#react
GitHub
react-spring/react-use-gesture
👇Bread n butter utility for component-tied mouse/touch gestures in React - react-spring/react-use-gesture
Handle http responses with HttpInterceptor and Toastr in Angular
Have you ever been in need of a centralized system that takes care of your http responses? Every time you work on a big project with a ton of http requests, that problem comes to the surface. In this article, we will learn how to deal with it, by using an http interceptor and the ngx-toastr plugin to display those messages. - http://amp.gs/VZlU
#angular
Have you ever been in need of a centralized system that takes care of your http responses? Every time you work on a big project with a ton of http requests, that problem comes to the surface. In this article, we will learn how to deal with it, by using an http interceptor and the ngx-toastr plugin to display those messages. - http://amp.gs/VZlU
#angular
ITNEXT
Handle http responses with HttpInterceptor and Toastr in Angular
Have you ever been in need of a centralized system that takes care of your http responses? I am sure that every time you work in a big…
Vue.js & GraphQL Tutorial: Tying Airtable Data to a Gridsome App
Gridsome leverages Vue.js and GraphQL to build static, data-driven frontend apps. In this tutorial, you’ll see how Airtable can be used as a data source for Gridsome. - http://amp.gs/Vpfb
#vue
Gridsome leverages Vue.js and GraphQL to build static, data-driven frontend apps. In this tutorial, you’ll see how Airtable can be used as a data source for Gridsome. - http://amp.gs/Vpfb
#vue
Add a Shopping Cart to Any Website
Vue.js & GraphQL Tutorial: Tying Airtable Data to a Gridsome App - Snipcart
Vue.js and GraphQL are two powerful modern JavaScript tools. Gridsome finally leverages both to build great websites & apps. We used it to fetch data in Airtable with GraphQL for a neat Vue.js app.
Electron 4.0 Released
Electron is a popular project from GitHub that’s heavily used to create desktop apps with modern Web technologies (such as VS Code and Slack’s desktop client). 4.0 introduces some new features but notably bumps up the underlying dependencies to Chromium 69, Node 10.11, and V8 6.9. - http://amp.gs/Vlz4
#electron
Electron is a popular project from GitHub that’s heavily used to create desktop apps with modern Web technologies (such as VS Code and Slack’s desktop client). 4.0 introduces some new features but notably bumps up the underlying dependencies to Chromium 69, Node 10.11, and V8 6.9. - http://amp.gs/Vlz4
#electron
A Quick CSS Audit and General Notes About Design Systems
Robin Rendle shares some advice on auditing design systems to help you better understand and improve your CSS codebase.
- http://amp.gs/VBIg
#css
Robin Rendle shares some advice on auditing design systems to help you better understand and improve your CSS codebase.
- http://amp.gs/VBIg
#css
CSS-Tricks
A Quick CSS Audit and General Notes About Design Systems
I’ve been auditing a ton of CSS lately and thought it would be neat to jot down how I’m going about doing that. I’m sure there are a million different
Things Dan Abramov Doesn’t Know
React core team member and the creator of Redux wants you to realize that “even your favorite developers may not know many things that you know” and shares his own list of blind spots. - http://amp.gs/VnTH
#dan #abramov
React core team member and the creator of Redux wants you to realize that “even your favorite developers may not know many things that you know” and shares his own list of blind spots. - http://amp.gs/VnTH
#dan #abramov
overreacted.io
Things I Don’t Know as of 2018
We can admit our knowledge gaps without devaluing our expertise.
Resolvers: Angular’s one-click data delivery
Etienne once read somewhere that we should always keep our Components as small as possible. It’s then easier to understand and forces us to put reusable logic in Services. But when you need to get data from an API, then you may need to map the data to fit the format you want. We’ll need to take care of all this in our Component once it’s initiated… right? - http://amp.gs/Vn0w
#angular
Etienne once read somewhere that we should always keep our Components as small as possible. It’s then easier to understand and forces us to put reusable logic in Services. But when you need to get data from an API, then you may need to map the data to fit the format you want. We’ll need to take care of all this in our Component once it’s initiated… right? - http://amp.gs/Vn0w
#angular
Medium
Resolvers: Angular’s one-click data delivery
Using Resolvers in Angular is a good way to fetch everything you need before the route actually changes to initialize your Component
Node and JavaScript Testing Best Practices
A well presented collection of 30 best practices for better Node and JavaScript testing, continuous integration, and overall quality. - http://amp.gs/VGik
#nodejs
A well presented collection of 30 best practices for better Node and JavaScript testing, continuous integration, and overall quality. - http://amp.gs/VGik
#nodejs
Medium
Node.js & JavaScript Testing Best Practices
30+ best practices for better Node JS & JavaScript testing, continuous integration (CI), and overall quality. By Yoni Goldberg
Generic First CSS: New Thinking On Mobile First
Alastair Hodgson introduces the Generic First CSS methodology, which offers some advantages over the mobile first approach. - http://amp.gs/VxHT
#css
Alastair Hodgson introduces the Generic First CSS methodology, which offers some advantages over the mobile first approach. - http://amp.gs/VxHT
#css
Smashing Magazine
Generic First CSS: New Thinking On Mobile First — Smashing Magazine
With the advent of responsive web design and the mobile-first approach, it’s been seven wonderful years since any new concepts have compelled us to adapt the way in which we write CSS at the base level. Well, I don’t have anything too groundbreaking to offer…
Storing and Using the Last Known Route in Vue
How to keep a reference to the last known route a user visited in Vue. Also a good excuse to check out the all-new CSS Tricks redesign! - http://amp.gs/Vfdh
#vue
How to keep a reference to the last known route a user visited in Vue. Also a good excuse to check out the all-new CSS Tricks redesign! - http://amp.gs/Vfdh
#vue
CSS-Tricks
Storing and Using the Last Known Route in Vue
There are situations where keeping a reference to the last route a user visited can come in handy. For example, let’s say we’re working with a multi-step
Understanding the Virtual DOM
Ire Aderinokun explains what the virtual DOM is, how it differs from the original DOM, and how it is used. - http://amp.gs/VCdN
#vdom
Ire Aderinokun explains what the virtual DOM is, how it differs from the original DOM, and how it is used. - http://amp.gs/VCdN
#vdom
bitsofcode
Understanding the Virtual DOM
I’ve recently been writing about what exactly the DOM and the shadow DOM are and how they differ. To recap, the Document Object Model is an object-based representation of an HTML document and an interface to manipulating that object. The shadow DOM can be…
Spend Your Xmas Break Catching Up on the Hottest Trends in Angular
It’s that time of year again — time to look back at everything that came our way. Whether it’s new Akita features, innovations in Angular, testing with Spectator, or in-depth looks at JS and RX functionality, they were all featured in Netanel’s articles. As 2018 draws to a close, he’s linked all his articles from the past 2 years here for easier access. - http://amp.gs/VkiB
#angular
It’s that time of year again — time to look back at everything that came our way. Whether it’s new Akita features, innovations in Angular, testing with Spectator, or in-depth looks at JS and RX functionality, they were all featured in Netanel’s articles. As 2018 draws to a close, he’s linked all his articles from the past 2 years here for easier access. - http://amp.gs/VkiB
#angular
Netanel Basal
Spend Your Xmas Break Catching Up on the Hottest Trends in Angular
It’s that time of year again — time to look back at everything that came our way. Whether it’s new Akita features, innovations in Angular…
Experimenting with Node 12's Async Stack Traces
Node 12 isn’t here yet but that doesn’t have to stop you experimenting with a new option that aims to make debugging async functions easier. - http://amp.gs/VeRJ
#nodejs
Node 12 isn’t here yet but that doesn’t have to stop you experimenting with a new option that aims to make debugging async functions easier. - http://amp.gs/VeRJ
#nodejs
The Code Barbarian
Async Stack Traces in Node.js 12
Node.js 12 includes experimental support for async stack traces, so no more stack traces that end with `nextTick()`. Here's what you need to know.
Accessibility and Inclusion with the World’s Most Popular Communication Tool: Email
Jason Rodriguez shares some best practices on creating more accessible and inclusive emails. - http://amp.gs/VPVO
#css
Jason Rodriguez shares some best practices on creating more accessible and inclusive emails. - http://amp.gs/VPVO
#css
24 Accessibility
Accessibility and Inclusion with the World's Most Popular Communication Tool: Email - 24 Accessibility
Jason Rodriguez shares some best practices on creating more accessible emails, one of the world’s most valuable marketing channels.
Create Your First Custom Angular CLI Schematic with Nx
Nx is a toolkit for people building enterprise-grade Angular apps. - http://amp.gs/VPon
#angular
Nx is a toolkit for people building enterprise-grade Angular apps. - http://amp.gs/VPon
#angular
Auth0 - Blog
Create Your First Custom Angular CLI Schematic with Nx
Learn how to create applications, libraries, and custom workspace CLI Angular schematics with enterprise Angular tool Nx.
New horizons in CSS: Houdini and the Paint API
Houdini gives us access to the CSS object model for the very first time. Instead of updating styles in JavaScript, we can write code that the browser understands and can parse as CSS.
- http://amp.gs/Vyy1
#paintapi
Houdini gives us access to the CSS object model for the very first time. Instead of updating styles in JavaScript, we can write code that the browser understands and can parse as CSS.
- http://amp.gs/Vyy1
#paintapi
LogRocket
New horizons in CSS: Houdini and the Paint API
Welcome to the future.
Trash Talk: V8's Orinoco Garbage Collector
Orinoco is a high-performance, low-latency, mostly parallel and concurrent garbage collector. Here, Peter Marshall explains its main features and what is yet to come. - http://amp.gs/Vh7j
#nodejs
Orinoco is a high-performance, low-latency, mostly parallel and concurrent garbage collector. Here, Peter Marshall explains its main features and what is yet to come. - http://amp.gs/Vh7j
#nodejs
v8.dev
Trash talk: the Orinoco garbage collector · V8
Orinoco, V8’s garbage collector, evolved from a sequential stop-the-world implementation into a mostly parallel and concurrent collector with incremental fallback.
Angular Top 50: What you should have read in 2018
The year 2018 is coming to an end. That time went by quite quickly, didn’t it? It was a very exciting year to be an angular developer. There was not only one, but there were two major framework (6 & 7) releases! - http://amp.gs/Vh3z
#angular
The year 2018 is coming to an end. That time went by quite quickly, didn’t it? It was a very exciting year to be an angular developer. There was not only one, but there were two major framework (6 & 7) releases! - http://amp.gs/Vh3z
#angular
Malcoded
Angular Top 50: What you should have read in 2018
The year 2018 is coming to an end... That time went by quite quickly, didn't it? It was a very exciting year to be an angular developer. There was not only one…