How to Turn Your Angular App into a Progressive Web App
In this article you will learn about Progressive Web Applications (PWA), particularly the process to convert your Angular app into a PWA. PWA is an option used to make regular web applications act like native apps on Android, Windows, Chrome OS and more. Progressive Web Apps are not a new technology, but lately, they are getting much more attention after Microsoft announced they are supported by Windows. — http://amp.gs/94Os
#angular
In this article you will learn about Progressive Web Applications (PWA), particularly the process to convert your Angular app into a PWA. PWA is an option used to make regular web applications act like native apps on Android, Windows, Chrome OS and more. Progressive Web Apps are not a new technology, but lately, they are getting much more attention after Microsoft announced they are supported by Windows. — http://amp.gs/94Os
#angular
Gistia
How to Turn Your Angular App into a Progressive Web App
Make regular web applications act like native apps on Android, Windows, and Google Chrome OS. Learn how to turn an angular app into a progressive web app.
Vue SSR Guide — Data Pre-Fetching and State
Vue 2.6 includes the new serverPrefetch hook, which allows any component to pre-fetch data during server-side rendering. The official Vue SSR guide has been updated to cover this feature.
— http://amp.gs/9Rn6
#vue
Vue 2.6 includes the new serverPrefetch hook, which allows any component to pre-fetch data during server-side rendering. The official Vue SSR guide has been updated to cover this feature.
— http://amp.gs/9Rn6
#vue
ssr.vuejs.org
Data Pre-Fetching and State | Vue SSR Guide
Vue.js Server-Side Rendering Guide
A Video Series on Building Next.js Projects with TypeScript and GraphQL
There are ten easily digestible screencasts so far to enjoy if you want to get up to speed with Next.js. — https://www.youtube.com/watch?v=kfmh2mMf3fs
#video #next #graphql
There are ten easily digestible screencasts so far to enjoy if you want to get up to speed with Next.js. — https://www.youtube.com/watch?v=kfmh2mMf3fs
#video #next #graphql
YouTube
Setting Up Typescript Next.js Project
Learn how to setup a Next.js project with typescript.
Code: https://github.com/benawad/typescript-nextjs-graphql-series/tree/0_setup
Server Code: https://github.com/benawad/type-graphql-series
GraphQL Server Playlist: https://www.youtube.com/playlist?…
Code: https://github.com/benawad/typescript-nextjs-graphql-series/tree/0_setup
Server Code: https://github.com/benawad/type-graphql-series
GraphQL Server Playlist: https://www.youtube.com/playlist?…
Mastering Maps: Build a Flexible Variable System in Sass
Doug Avery explains how to create a flexible variable system using Sass maps. — http://amp.gs/9RQP
#sass
Doug Avery explains how to create a flexible variable system using Sass maps. — http://amp.gs/9RQP
#sass
https://www.viget.com
Mastering Maps: Build a Flexible Variable System in Sass | Viget
Sass maps give you clearer, more flexible variables — learn how to make a map-powered stylesheet with some basic examples.
What’s New in ES2019: Array flat and flatMap, Object.fromEntries and More
Many ES2019 features are always available to play with in the latest version of Node, with a few more to come once V8 is upgraded to 7.3. — http://amp.gs/9UXa
#nodejs #es2019
Many ES2019 features are always available to play with in the latest version of Node, with a few more to come once V8 is upgraded to 7.3. — http://amp.gs/9UXa
#nodejs #es2019
The Code Barbarian
What's New in ES2019: Array flat and flatMap, Object.fromEntries
The 2019 edition of the JavaScript language spec includes 2 new Array methods and a new function for creating objects. Here's what you need to know.
Angular State Management using BehaviorSubject
Angular State Management is important when it comes to web applications or web tools but some external libraries in Angular are very complicated and complex on how to implement it. — http://amp.gs/9dF4
#angular
Angular State Management is important when it comes to web applications or web tools but some external libraries in Angular are very complicated and complex on how to implement it. — http://amp.gs/9dF4
#angular
New JavaScript Features That Will Change How You Write Regular Expressions
ES2018 introduced some new features for regular expressions that will come in handy if you’re doing certain types of text processing and manipulation, such as lookbehind assertions and named capture groups. — http://amp.gs/9Oqv
#javascript #es2018
ES2018 introduced some new features for regular expressions that will come in handy if you’re doing certain types of text processing and manipulation, such as lookbehind assertions and named capture groups. — http://amp.gs/9Oqv
#javascript #es2018
Smashing Magazine
New JavaScript Features That Will Change How You Write Regex — Smashing Magazine
If you have ever done any sort of sophisticated text processing and manipulation in JavaScript, you’ll appreciate the new features introduced in ES2018. In this article, we take a good look at how the ninth edition of the standard improves the text processing…
Making setInterval Declarative with React Hooks
If you’ve played with hooks and run into trouble with setInterval, Dan is here to help. — http://amp.gs/9rOu
#react #hooks
If you’ve played with hooks and run into trouble with setInterval, Dan is here to help. — http://amp.gs/9rOu
#react #hooks
overreacted.io
Making setInterval Declarative with React Hooks
How I learned to stop worrying and love refs.
SVG Filters 101
Sara Soueidan created a guide that will help you understand what are SVG Filters and show you how to use them to create your own visual effects. — http://amp.gs/9Ssy
#css #svg #filter
Sara Soueidan created a guide that will help you understand what are SVG Filters and show you how to use them to create your own visual effects. — http://amp.gs/9Ssy
#css #svg #filter
Codrops
SVG Filters 101 | Codrops
The first article in a series on SVG filters. This guide will help you understand what they are and show you how to use them to create your own visual effects.
New v-slot Directive in Vue.js 2.6.0
This issue of Vue Dose, Alex Jover gives a detailed explanation and hands-on example of using Vue 2.6's new v-slot directive.
— http://amp.gs/9NVT
#vue
This issue of Vue Dose, Alex Jover gives a detailed explanation and hands-on example of using Vue 2.6's new v-slot directive.
— http://amp.gs/9NVT
#vue
vuedose
How to use the new v-slot directive in Vue.js
Simplify the use of scoped slots with the new v-slot syntax introduced in Vue.js 2.6.0 beta 3
Expecting the Unexpected — Best practices for Error handling in Angular
In this article, Michael writes about centralizing error handling in Angular. He discusses some of the more common topics such as; client-side errors, server-side errors, user notification and tracking errors.
— http://amp.gs/9A4z
#angular
In this article, Michael writes about centralizing error handling in Angular. He discusses some of the more common topics such as; client-side errors, server-side errors, user notification and tracking errors.
— http://amp.gs/9A4z
#angular
Angular In Depth
Expecting the Unexpected — Best practices for Error handling in Angular
“To expect the unexpected shows a thoroughly modern intellect.” — Oscar Wilde
Garbage Collection in Redux Applications
SoundCloud’s Xbox (yes, Xbox) app is a React and Redux app that runs in a native web view wrapper and due to Xbox related limitations a ‘memory leak’ (of sorts) was causing issues. — https://developers.soundcloud.com/blog/garbage-collection-in-redux-applications
#react #redux
SoundCloud’s Xbox (yes, Xbox) app is a React and Redux app that runs in a native web view wrapper and due to Xbox related limitations a ‘memory leak’ (of sorts) was causing issues. — https://developers.soundcloud.com/blog/garbage-collection-in-redux-applications
#react #redux
Soundcloud
Garbage Collection in Redux Applications
This post describes why and how we implemented a garbage collector in our Xbox application on top of Redux and in addition to the JavaScript engine’s regular garbage collector.
Generating a PDF from HTML with Node and Puppeteer
Learn how you can generate a PDF document from a heavily styled React page using Node.js, Puppeteer, headless Chrome and Docker. — http://amp.gs/9sGo
#nodejs #pdf #puppeteer
Learn how you can generate a PDF document from a heavily styled React page using Node.js, Puppeteer, headless Chrome and Docker. — http://amp.gs/9sGo
#nodejs #pdf #puppeteer
DEV Community
Generating PDF from HTML with Node.js and Puppeteer
In this article I’m going to show how you can generate a PDF document from a heavily styled React page using Node.js, Puppeteer, headless Chrome & Docker.
A Guide To CSS Support In Browsers
A look at the issues you may face when certain CSS features behave differently across browsers (or not at all), with some tips for getting around such roadblocks. — http://amp.gs/9iBj
#css
A look at the issues you may face when certain CSS features behave differently across browsers (or not at all), with some tips for getting around such roadblocks. — http://amp.gs/9iBj
#css
Smashing Magazine
A Guide To CSS Support In Browsers — Smashing Magazine
It can be frustrating when you want to use a feature and discover that it is not supported or behaves differently across browsers. In this article, Rachel Andrew explains how CSS is evolving to make it easier to deal with them.
How to Architect a Complex Web Table
Tables frequently appear on the web but aren’t particularly easy to design and code. This illustrated guide explains the anatomy of tables and how to build them properly. — http://amp.gs/9Dkn
#web #table #architect
Tables frequently appear on the web but aren’t particularly easy to design and code. This illustrated guide explains the anatomy of tables and how to build them properly. — http://amp.gs/9Dkn
#web #table #architect
Smashing Magazine
How To Architect A Complex Web Table — Smashing Magazine
Tables frequently appear on the web but aren’t easy to design and code. This illustrated guide explains the table anatomy and how to build a table, keeping in mind its future elaboration.
Time Traveler’s Guide to Accessibility Mechanics
“the time has come to invent another solution that will let us encapsulate accessibility in the shadow DOM — and its called the Accessibility Object Model”. — https://www.youtube.com/watch?v=vwsbLty24PI
#accessibility #css #video
“the time has come to invent another solution that will let us encapsulate accessibility in the shadow DOM — and its called the Accessibility Object Model”. — https://www.youtube.com/watch?v=vwsbLty24PI
#accessibility #css #video
YouTube
A11yNYC Jan 22 2019 - Time Traveler's Guide to Accessibility Mechanics - Léonie Watson
Accessibility NYC Meetup - Jan 22 2019 Time Traveler's Guide to Accessibility Mechanics - Léonie Watson https://www.meetup.com/A11yNYC/events/256947753/ TRAN...
How I Built An Async Form Validation Library in ~100 Lines of Code with React Hooks — http://amp.gs/9JjT
#react #forms
#react #forms
freeCodeCamp.org
How I built an async form validation library in ~100 lines of code with React Hooks
by Austin Malerba How I built an async form validation library in ~100 lines of code with React HooksForm validation can be a tricky thing. There are a surprising number of edge cases as you get into the guts of a form implementation. Thankfully, there are…
HTML, CSS and Our Vanishing Industry Entry Points
Thoughts on CSS, frameworks and the vanishing entry points to web development. The author fears a loss of something that “has enabled so many people without a traditional computer science background to be here”. — http://amp.gs/9Jo6
#css
Thoughts on CSS, frameworks and the vanishing entry points to web development. The author fears a loss of something that “has enabled so many people without a traditional computer science background to be here”. — http://amp.gs/9Jo6
#css
The site of Rachel Andrew, writer, speaker and web developer
HTML, CSS and our vanishing industry entry points
Some thoughts on entry points to web development today, and my fears about the loss of something that has enabled so many people without a traditional computer science background to be here.
How to Build Your First Ionic 4 App with API Calls
A guide to help you get started on building an Ionic 4 app. — http://amp.gs/90y2
#mobile #ionic4
A guide to help you get started on building an Ionic 4 app. — http://amp.gs/90y2
#mobile #ionic4
freeCodeCamp.org
How to Build Your First Ionic 4 App with API Calls
So you just noticed that Ionic 4 was released and you finally want to get started with cross-platform app development? Well, today is your…