Reverse Engineering, or How YOU Can Build a Testing Library in JavaScript
The goal here is not to add another testing library to the giant pile of existing ones, but to learn more about how they work by building your own. - http://amp.gs/SdXf
#javascript
The goal here is not to add another testing library to the giant pile of existing ones, but to learn more about how they work by building your own. - http://amp.gs/SdXf
#javascript
DEV Community
Reverse Engineering, how YOU can build a testing library in JavaScript
A lot can be gained by trying to implement a library. In this article, we choose to try to implement a unit testing library
Managing Multiple Backgrounds with Custom Properties
A clever use for CSS variables here. - http://amp.gs/SOds
#css
A clever use for CSS variables here. - http://amp.gs/SOds
#css
CSS-Tricks
Managing Multiple Backgrounds with Custom Properties | CSS-Tricks
One cool thing about CSS custom properties is that they can be a part of a value. Let's say you're using multiple backgrounds to pull off a design. Each
How to Add Internationalization to a Vue App
If your app is used all over the world, you will need to add internationalization. Learn how to build an app using the vue-i18n plugin, then translate the text in your application, and provide a way for users to toggle between different languages. - http://amp.gs/SrIZ
#vue
If your app is used all over the world, you will need to add internationalization. Learn how to build an app using the vue-i18n plugin, then translate the text in your application, and provide a way for users to toggle between different languages. - http://amp.gs/SrIZ
#vue
DEV Community
How to Add Internationalization to a Vue App
How to talk with Web Components in React and Angular
In this article, we will use Nx to create a monorepo with applications in Angular and React, and a library with Angular Elements. Then we consume these custom elements and communicate with them in our apps. - http://amp.gs/SrU3
#angular
In this article, we will use Nx to create a monorepo with applications in Angular and React, and a library with Angular Elements. Then we consume these custom elements and communicate with them in our apps. - http://amp.gs/SrU3
#angular
The Simplest Way to Load CSS Asynchronously
“One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering” - http://amp.gs/SSeK
#css
“One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering” - http://amp.gs/SSeK
#css
Filament Group
The Simplest Way to Load CSS Asynchronously | Filament Group, Inc., Boston, MA
Read this page on the Filament Group website
Practical Ways to Write Better JavaScript
You’re not necessarily going to agree with all of them (e.g. “Use TypeScript”!) but this is a reasonably solid batch of points to think about overall - http://amp.gs/SNxL
#javascript #typescript
You’re not necessarily going to agree with all of them (e.g. “Use TypeScript”!) but this is a reasonably solid batch of points to think about overall - http://amp.gs/SNxL
#javascript #typescript
DEV Community
Practical Ways to Write Better JavaScript
Solid methods of improving your JS.
A Deep Dive in the Vue.js Source Code
Ever wondered how Vue works under the hood? Here's an excellent guided tour of the source code for Vue v2.5.15.
- http://amp.gs/SAff
#vue
Ever wondered how Vue works under the hood? Here's an excellent guided tour of the source code for Vue v2.5.15.
- http://amp.gs/SAff
#vue
Spring Boot, Security, MongoDB, Angular 8: Build Authentication
This article is a comprehensive step by step tutorial on learning to build web application authentication using Spring Boot, Security, MongoDB, and Angular 8. - http://amp.gs/Sq9v
#angular
This article is a comprehensive step by step tutorial on learning to build web application authentication using Spring Boot, Security, MongoDB, and Angular 8. - http://amp.gs/Sq9v
#angular
Djamware.com
Spring Boot, Security, MongoDB, Angular 8: Build Authentication
A comprehensive step by step tutorial on learning to build web application authentication using Spring Boot, Security, MongoDB, and Angular 8
Creating an Accessible Inline List with Bullets Between Items
Basically a horizontal list with a character between each item, a · bit · like · this. - http://amp.gs/Ssyk
#css
Basically a horizontal list with a character between each item, a · bit · like · this. - http://amp.gs/Ssyk
#css
Artem Sapegin’s Blog
Accessible inline list with bullets between items
I had a list like this on my site for a long time: Until I’ve tried it in a screen reader and realized that a screen reader reads pseudo…
Controlling Chrome from Node.js with Puppeteer
Nothing groundbreaking here, but Valeri is always great at explaining things, so if you want to remote control Chrome (for scraping the Web, making screenshots, running tests, or more), this is a fine place to start. - http://amp.gs/SivL
#nodejs
Nothing groundbreaking here, but Valeri is always great at explaining things, so if you want to remote control Chrome (for scraping the Web, making screenshots, running tests, or more), this is a fine place to start. - http://amp.gs/SivL
#nodejs
The Code Barbarian
Control Chrome from Node.js with Puppeteer
Puppeteer is Google's official npm module for controlling Chrome from Node.js. Here's how you can use Puppeteer to interact with a live browser from Node.
Designing And Building A Progressive Web Application Without A Framework
The first in a three part series looking at designing and building a simple Progressive Web Application called ‘In/Out’, built without a framework - http://amp.gs/SDNc
#pwa
The first in a three part series looking at designing and building a simple Progressive Web Application called ‘In/Out’, built without a framework - http://amp.gs/SDNc
#pwa
Smashing Magazine
Designing And Building A Progressive Web Application Without A Framework (Part 1) — Smashing Magazine
You don’t need to be a Computer Science graduate or know a JavaScript framework to create a Progressive Web Application. With some HTML and CSS knowledge and basic competency with JavaScript, you have all the skills you need.
5 Tips to Help You Avoid React Hooks Pitfalls
Given how much they’re covered now, it’s easy to forget hooks are less than a year old :-) Here, Kent explores some of their ‘gotchas’ and the best way to avoid them. - http://amp.gs/SuUk
#react
Given how much they’re covered now, it’s easy to forget hooks are less than a year old :-) Here, Kent explores some of their ‘gotchas’ and the best way to avoid them. - http://amp.gs/SuUk
#react
Kentcdodds
5 Tips to Help You Avoid React Hooks Pitfalls
Let's explore some hook gotchas and how to avoid them.
Advanced Vue: Controlling Parent Slots
Is there a way to populate a parent's slot from a child component? It's a thorny Vue architecture problem, but also a very interesting one. - http://amp.gs/SJSo
#vue
Is there a way to populate a parent's slot from a child component? It's a thorny Vue architecture problem, but also a very interesting one. - http://amp.gs/SJSo
#vue
Michaelnthiessen
Advanced Vue: Controlling Parent Slots (Case Study) - Michael Thiessen
Is there a way to populate a parent's slot from a child component? It's a thorny Vue architecture problem, but also a very interesting one.
A Complete Guide to Flutter Animations and All Its Parts
A look at animations in Flutter, how they work and how to make them a tiny bit more manageable in code. - http://amp.gs/S0Xf
#flutter
A look at animations in Flutter, how they work and how to make them a tiny bit more manageable in code. - http://amp.gs/S0Xf
#flutter
Medium
A Complete Guide to Flutter Animations and All it’s parts
Today we’ll be looking at animations in Flutter, how they work and how to make them a tiny bit more manageable in code.
The Principles for Writing Awesome Angular Components
Angular is a component-based framework, and as such, writing good Angular components is crucial to the overall architecture of an application. - http://amp.gs/S3KA
#angular
Angular is a component-based framework, and as such, writing good Angular components is crucial to the overall architecture of an application. - http://amp.gs/S3KA
#angular
Medium
The Principles for Writing Awesome Angular Components
Some of the best practices and lessons the community has learned in the last few years.
An Overview of CSS Animation Libraries
A look at the current landscape of CSS animation libraries and how they vary. - http://amp.gs/SHLa
#css #animation
A look at the current landscape of CSS animation libraries and how they vary. - http://amp.gs/SHLa
#css #animation
CSS-Tricks
CSS Animation Libraries | CSS-Tricks
There are an awful lot of libraries that want to help you animate things on the web. These aren't really libraries that help you with the syntax or the
How to Reduce Your Vue.JS Bundle Size With Webpack
If you are creating production Vue apps you should take the time to evaluate your build size. Learn how to use the webpack-bundle-analyzer to determine what items are consuming the most space, and how to take steps to reduce the size of those items.
- http://amp.gs/S2ua
#vue
If you are creating production Vue apps you should take the time to evaluate your build size. Learn how to use the webpack-bundle-analyzer to determine what items are consuming the most space, and how to take steps to reduce the size of those items.
- http://amp.gs/S2ua
#vue
DEV Community
How to Reduce Your Vue.JS Bundle Size With Webpack
How to Reduce Your Vue.JS Bundle Size With Webpack
Angular 8 RxJS Multiple HTTP Request using the forkJoin Example
A comprehensive step by step tutorial on Multiple HTTP using Angular 8 RxJS forkJoin operator including an example
- http://amp.gs/Sw3H
#angular
A comprehensive step by step tutorial on Multiple HTTP using Angular 8 RxJS forkJoin operator including an example
- http://amp.gs/Sw3H
#angular
Djamware.com
Angular 8 RxJS Multiple HTTP Request using the forkJoin Example
A comprehensive step by step tutorial on Multiple HTTP using Angular 8 RxJS forkJoin operator including an example
Form Design: From Zero to Hero All in One Blog Post
A quick and to-the-point guide for designing forms that “everyone can use and complete as quickly as possible”. - http://amp.gs/SFHz
#form #design
A quick and to-the-point guide for designing forms that “everyone can use and complete as quickly as possible”. - http://amp.gs/SFHz
#form #design
Adamsilver.io
Form design: from zero to hero all in one blog post – Adam Silver – Designer, London, UK.
90 percent of the problems found in forms solved in a few hundred precious words.
How Does React's Development Mode Work?
React’s development mode informs you about various things that could cause problems in your app, but these checks are turned off in production for performance reasons. This is an explanation of just how that works. - http://amp.gs/SXCK
#react
React’s development mode informs you about various things that could cause problems in your app, but these checks are turned off in production for performance reasons. This is an explanation of just how that works. - http://amp.gs/SXCK
#react
overreacted.io
How Does the Development Mode Work?
Dead code elimination by convention.