Sliding In And Out Of Vue.js
One of the key advantages of Vue.js is that it is easy to wrap up non-Vue code into Vue. This article explores this advantage, covering three distinct types of third-party JavaScript and ways to embed each of them in Vue. - http://amp.gs/Rj9E
#vue
One of the key advantages of Vue.js is that it is easy to wrap up non-Vue code into Vue. This article explores this advantage, covering three distinct types of third-party JavaScript and ways to embed each of them in Vue. - http://amp.gs/Rj9E
#vue
Smashing Magazine
Sliding In And Out Of Vue.js — Smashing Magazine
One of the key advantages of Vue.js is that it plays nicely with other code: it is easy to embed progressively into other applications, but it is also easy to wrap up non-Vue code into Vue. This article explores this second advantage, covering three distinct…
An Introduction to Web Components
The first in a series on Web Components. This introductory post looks at why they’re a great tool for delivering “high-quality user experiences without complicated frameworks or build steps” without the risk of becoming obsolete. - http://amp.gs/Rj6Q
#web #components
The first in a series on Web Components. This introductory post looks at why they’re a great tool for delivering “high-quality user experiences without complicated frameworks or build steps” without the risk of becoming obsolete. - http://amp.gs/Rj6Q
#web #components
CSS-Tricks
An Introduction to Web Components | CSS-Tricks
Front-end development moves at a break-neck pace. This is made evident by the myriad articles, tutorials, and Twitter threads bemoaning the state of what once
Rendering Large Lists with react-window
If you need to display large lists of data efficiently, you may be familiar with react-virtualized. react-window is a rewrite by the same author aiming at being even smaller and faster. - http://amp.gs/R8NN
#react
If you need to display large lists of data efficiently, you may be familiar with react-virtualized. react-window is a rewrite by the same author aiming at being even smaller and faster. - http://amp.gs/R8NN
#react
Planning for Responsive Images
Adjusting the width simply doesn’t cut it when it comes to handling responsive images. - http://amp.gs/RTIb
#responsive #image
Adjusting the width simply doesn’t cut it when it comes to handling responsive images. - http://amp.gs/RTIb
#responsive #image
CSS-Tricks
Planning for Responsive Images | CSS-Tricks
The first time I made an image responsive, it was as simple as coding these four lines: img { max-width: 100%; height auto; /* default */ } Though that
A Collection of jQuery Table Plugins
...to create responsive, functional and dynamic tables. - http://amp.gs/RTU2
#jquery #tables
...to create responsive, functional and dynamic tables. - http://amp.gs/RTU2
#jquery #tables
CSS Author
15+ Best jQuery Table Plugins
Today we are looking at some great jQuery Table Plugins to create the responsive functional table for the web. As you may know, tables are extremely hard to create. Old table based HTML design is dead since they are not mobile friendly and outdated.
A Guide to React Hooks and TypeScript
What’s involved in adding TypeScript types to React hooks and custom hooks? - http://amp.gs/Rz71
#react
What’s involved in adding TypeScript types to React hooks and custom hooks? - http://amp.gs/Rz71
#react
Medium
useTypescript — A Complete Guide to React Hooks and TypeScript
Adding TypeScript types to all 10 core React hooks and custom hooks. How to use TypeScript and React Hooks.
CSS Flexbox: 5 Real World Use Cases
An overview of some common layout options and how you can accomplish them through Flexbox. - http://amp.gs/R18l
#css #flexbox
An overview of some common layout options and how you can accomplish them through Flexbox. - http://amp.gs/R18l
#css #flexbox
Ahmad Shadeed Blog
CSS Flexbox: 5 Real World Use Cases - Ahmad Shadeed
A Complete Guide to Threads in Node.js
An introduction to executing complex operations in Node with the worker_threads module that was first introduced with Node 10.5 and is now enabled by default. - http://amp.gs/R1bX
#nodejs
An introduction to executing complex operations in Node with the worker_threads module that was first introduced with Node 10.5 and is now enabled by default. - http://amp.gs/R1bX
#nodejs
LogRocket
A complete guide to threads in Node.js
An introduction to executing complex operations in Node.js with the worker threads module.
Hacking Custom Checkboxes & Radios with CSS
Improving the look of native radio buttons/checkboxes while still preserving accessibility. - http://amp.gs/RYo6
#css
Improving the look of native radio buttons/checkboxes while still preserving accessibility. - http://amp.gs/RYo6
#css
use-query-params: A React Hook for Managing State in URL Query Parameters
Encode and decode data of any type as query parameters with smart memoization to prevent creating unnecessary duplicate objects. - http://amp.gs/Rtur
#react #hooks
Encode and decode data of any type as query parameters with smart memoization to prevent creating unnecessary duplicate objects. - http://amp.gs/Rtur
#react #hooks
GitHub
pbeshai/use-query-params
React Hook for managing state in URL query parameters with easy serialization. - pbeshai/use-query-params
How to Reduce Your Vue.JS Bundle Size With Webpack
Learn how to diagnose oversized Webpack bundles and some effective strategies for reducing bundle size. - http://amp.gs/RmqC
#vue
Learn how to diagnose oversized Webpack bundles and some effective strategies for reducing bundle size. - http://amp.gs/RmqC
#vue
Medium
How to Reduce Your Vue.JS Bundle Size With Webpack
I work on the Industry 4.0 team at Stanley Black & Decker. Our team recently created the equivalent of an App Store for Stanley’s…
Angular Unit Testing ViewChild
If you have been using Angular for any length of time, you have probably run into a parent component that references a child component using ViewChild. Unit testing the parent component is trivial if you just want to include the child component in the test. However, it gets tricky when we want to mock the child component with a stub. - http://amp.gs/RZUL
#angular
If you have been using Angular for any length of time, you have probably run into a parent component that references a child component using ViewChild. Unit testing the parent component is trivial if you just want to include the child component in the test. However, it gets tricky when we want to mock the child component with a stub. - http://amp.gs/RZUL
#angular
Medium
Medium – Get smarter about what matters to you.
Medium is not like any other platform on the internet. Our sole purpose is to help you find compelling ideas, knowledge, and perspectives. We don’t serve ads—we serve you, the curious reader who loves to learn new things. Medium is home to thousands of independent…
Maintaining Global State in AWS Lambda Functions with Async Hooks
An intriguing look at how Node’s experimental Async Hooks API can be used to support global state within AWS Lambda functions - http://amp.gs/RleJ
#nodejs #aws
An intriguing look at how Node’s experimental Async Hooks API can be used to support global state within AWS Lambda functions - http://amp.gs/RleJ
#nodejs #aws
Scott Logic
Maintaining global state in AWS Lambda functions with Async Hooks
This post looks at how the experimental Async Hooks API can be used to support global state within AWS Lambda functions. Considering that this is an experimental API it's worth treating with caution, but it does provide an interesting potential solution to…
CI/CD Pipeline: A Gentle Introduction
Do you want your engineering team to deliver bug-free code at high velocity? A fast and reliable CI/CD pipeline is crucial for doing that sustainably over time. - http://amp.gs/RBkj
#ci #cd
Do you want your engineering team to deliver bug-free code at high velocity? A fast and reliable CI/CD pipeline is crucial for doing that sustainably over time. - http://amp.gs/RBkj
#ci #cd
Medium
CI/CD Pipeline: A Gentle Introduction
Do you want your engineering team to deliver bug-free code at high velocity? A fast and reliable CI/CD pipeline is crucial for doing that…
Internationalize Your Angular App with ngx-translate
At some point, your web application may require serving a multilingual user base. Internationalization, or i18n for short, is the process by which you make your app usable for those with a different native language. While Angular has some built-in i18n functionality, ngx-translate is a third-party package which makes the process dead simple. - http://amp.gs/RnzA
#angular
At some point, your web application may require serving a multilingual user base. Internationalization, or i18n for short, is the process by which you make your app usable for those with a different native language. While Angular has some built-in i18n functionality, ngx-translate is a third-party package which makes the process dead simple. - http://amp.gs/RnzA
#angular
DigitalOcean
Internationalize Your Angular App with ngx-translate | DigitalOcean
Here's a guide on how to use the ngx-translate library to internationalize (i18n) your Angular apps with ease.
My CSS Reset
Designer and developer Zell Liew shares his personal preference for a CSS reset. - http://amp.gs/RncZ
#css
Designer and developer Zell Liew shares his personal preference for a CSS reset. - http://amp.gs/RncZ
#css
Zell Liew
My CSS reset | Zell Liew
Here's how I begin writing CSS for all my projects
Refactoring a Small Next App to Use Hooks
A look at how a developer refactored a small React app to use hooks. - http://amp.gs/RGLb
#react #hooks
A look at how a developer refactored a small React app to use hooks. - http://amp.gs/RGLb
#react #hooks
DEV Community
Refactoring a small Next app to use Hooks
Enough of these contrived examples. Let's look at how I refactored a small React app to use Hooks
How to Implement File Uploading in Angular Reactive Forms
In this article, we’ll walk you through the process of creating a reactive form that includes a file upload, along with the normal form fields. Along the way, we’ll create a custom form control for our file input, add validation and create custom RxJS operators. - http://amp.gs/RfO0
#angular
In this article, we’ll walk you through the process of creating a reactive form that includes a file upload, along with the normal form fields. Along the way, we’ll create a custom form control for our file input, add validation and create custom RxJS operators. - http://amp.gs/RfO0
#angular
Netanel Basal
How to Implement File Uploading in Angular Reactive Forms
How to Implement File Uploading in Angular Reactive Forms