The Intl.RelativeTimeFormat API
Enables localized formatting of relative times without sacrificing performance. Chrome 71+ only so far. - http://bit.ly/2PMuhnV
#intl #RelativeTimeFormat
Enables localized formatting of relative times without sacrificing performance. Chrome 71+ only so far. - http://bit.ly/2PMuhnV
#intl #RelativeTimeFormat
Vue JS Hooks And React JS Hooks At A Glance
“Hooks” are a feature proposal for React that allow you to provide reusable state to a functional component. This article breaks down how hooks work in React and how they are being experimentally adapted for Vue.js. - http://bit.ly/2PNNtlo
#vue #react #hooks
“Hooks” are a feature proposal for React that allow you to provide reusable state to a functional component. This article breaks down how hooks work in React and how they are being experimentally adapted for Vue.js. - http://bit.ly/2PNNtlo
#vue #react #hooks
Medium
Vue JS hooks and React JS Hooks at a glance (hint: it’s not that complex)
As React Doc says, Hooks are a new feature proposal that lets you use state and other React features without writing a class. It’s…
GraphQL Designer
A prototyping tool to develop full-stack GraphQL applications. With a few simple inputs, GraphQL Designer auto generates code for download, to start and implement your new application including GraphQL root queries, schemas, mutations, and client queries. - http://bit.ly/2JLQnkY
#graphQL #tools
A prototyping tool to develop full-stack GraphQL applications. With a few simple inputs, GraphQL Designer auto generates code for download, to start and implement your new application including GraphQL root queries, schemas, mutations, and client queries. - http://bit.ly/2JLQnkY
#graphQL #tools
GitHub
GitHub - GraphQL-Designer/graphqldesigner.com: A developer web-app tool to rapidly prototype a full stack implementation of GraphQL…
A developer web-app tool to rapidly prototype a full stack implementation of GraphQL with React. - GitHub - GraphQL-Designer/graphqldesigner.com: A developer web-app tool to rapidly prototype a ful...
MatError & Cross-Field Validators In Angular Material 7
It seems like a basic necessity to be able to validate a form by data which is currently in the form. Take the most basic and common example: a Verify Password field in a sign-up form. - http://bit.ly/2PVnHeK
#angular
It seems like a basic necessity to be able to validate a form by data which is currently in the form. Take the most basic and common example: a Verify Password field in a sign-up form. - http://bit.ly/2PVnHeK
#angular
ITNEXT
MatError & Cross-Field Validators In Angular Material 7
Using mat-error to display form-level validations in a form control. The content is relevant to Angular Material 2+.
Setting Up a RESTful API with Express.js and Postgres
A nice straightforward tutorial aimed at beginners. - http://bit.ly/2QEhhy4
#nodejs #postgresql
A nice straightforward tutorial aimed at beginners. - http://bit.ly/2QEhhy4
#nodejs #postgresql
LogRocket Blog
CRUD REST API with Node.js, Express, and PostgreSQL - LogRocket Blog
Learn how to install and set up PostgreSQL in the command line, create users, databases, and tables, and run SQL commands.
Understanding Currying in JavaScript
Currying is a way in functional programming for turning a function with multiple arguments into a chain of nested functions. - http://bit.ly/2PHIOBs
#javascript
Currying is a way in functional programming for turning a function with multiple arguments into a chain of nested functions. - http://bit.ly/2PHIOBs
#javascript
Medium
Everything about Currying in JavaScript
A short yet detailed guide to Currying in JavaScript.
Combining Vue, TypeScript and RxJS with Vue-Rx
RxJS provides a powerful pattern for writing asynchronous JavaScript code. RxJS is compatible with Vue, and when combined TypeScript, allows for highly robust web applications. - http://bit.ly/2PiOJgN
#vue #rxjs
RxJS provides a powerful pattern for writing asynchronous JavaScript code. RxJS is compatible with Vue, and when combined TypeScript, allows for highly robust web applications. - http://bit.ly/2PiOJgN
#vue #rxjs
codeburst
Combining Vue, TypeScript and RxJS with Vue-Rx
How to correctly use these amazing technologies together
Splicing HTML’s DNA With CSS Attribute Selectors
Even confident CSS developers often seem to steer away from attribute selectors. This excellent primer introduces how they work, plus some interesting use cases. - http://bit.ly/2qIK6hu
#css
Even confident CSS developers often seem to steer away from attribute selectors. This excellent primer introduces how they work, plus some interesting use cases. - http://bit.ly/2qIK6hu
#css
Smashing Magazine
Splicing HTML’s DNA With CSS Attribute Selectors
Attribute selectors are magical. They can get you out of sticky problems, help you avoid adding classes and point out some problems in your code. In this article, John explains how to use attribute selectors the right way.
The Pitfalls of running A/B Tests
Some will lead you into making bad choices - http://bit.ly/2AWouUr
#ui
Some will lead you into making bad choices - http://bit.ly/2AWouUr
#ui
Medium
The Pitfalls of Running A/B Tests
Many people who create digital products have probably heard of the term ‘Designing with Data’. It’s a very obvious practice, that suggests…
28 Talk Videos from React Conf 2018
React Conf took place in Las Vegas last week and a lot of videos are already up. - http://bit.ly/2DxzL0e
#react #conf #video #2018
React Conf took place in Las Vegas last week and a lot of videos are already up. - http://bit.ly/2DxzL0e
#react #conf #video #2018
An Annotated webpack 4 Config for Frontend Development
As web development becomes more complex, we need tooling to help us build modern websites. Here’s a very thorough example of a real-world production webpack 4 config. - http://bit.ly/2FfHu4r
#webpack
As web development becomes more complex, we need tooling to help us build modern websites. Here’s a very thorough example of a real-world production webpack 4 config. - http://bit.ly/2FfHu4r
#webpack
nystudio107
An Annotated webpack 4 Config for Frontend Web Development
As web development becomes more complex, we need tooling to help us build modern websites. Here's a complete real-world production example of a sophisticated webpack 4 config
Learn How to Refactor Vue.js Single File Components On A Real-World Example
This post shows how to refactor a Vue component from start to end to make the component more usable and make every developer who works with it happy. - http://bit.ly/2z61Dod
#vue
This post shows how to refactor a Vue component from start to end to make the component more usable and make every developer who works with it happy. - http://bit.ly/2z61Dod
#vue
Medium
Learn how to refactor Vue.js Single File Components with a real-world example
Refactoring a component from start to end to make the component more usable so that every developer who works on this code will be happy
NGINX Unit Now Supports TLS and Node.js Apps
NGINX Unit is a dynamic application server that supports multiple languages out of the box (e.g. Python, PHP, Go). Node.js has now joined that list. - http://bit.ly/2qH8oZ7
#nodejs
NGINX Unit is a dynamic application server that supports multiple languages out of the box (e.g. Python, PHP, Go). Node.js has now joined that list. - http://bit.ly/2qH8oZ7
#nodejs
NGINX
NGINX Unit Now Supports TLS and JavaScript Apps with Node.js - NGINX
NGINX Unit 1.5 adds support for Node.js applications, which extends the set of supported languages to six: Go, JavaScript (Node.js), Perl, PHP, Python, and Ruby. It also adds support for encrypting connections with SSL/TLS, and dynamic updating of security…
Web Performance 101
An easily accessible, diagram and code heavy primer to making a site or webapp faster by optimizing assets like JS, CSS, images and fonts. - http://bit.ly/2DA2BNk
#web #performance
An easily accessible, diagram and code heavy primer to making a site or webapp faster by optimizing assets like JS, CSS, images and fonts. - http://bit.ly/2DA2BNk
#web #performance
PerfPerfPerf
Web Performance 101: JS, CSS, HTTP, images & fonts
Learn how (and why) to make your app faster by optimizing JS, CSS, images/fonts and other things
The CSS Working Group At TPAC: What’s New In CSS?
Rachel Andrew explains a little bit about what happens at the CSS Working Group meeting at W3C TPAC, and shows some examples and demos of the things they discussed for CSS in particular. - http://bit.ly/2RPSRBP
#css
Rachel Andrew explains a little bit about what happens at the CSS Working Group meeting at W3C TPAC, and shows some examples and demos of the things they discussed for CSS in particular. - http://bit.ly/2RPSRBP
#css
Smashing Magazine
The CSS Working Group At TPAC: What’s New In CSS? — Smashing Magazine
Last week, Rachel Andrew attended the CSS Working Group meeting at W3C TPAC, and rounds up some of the discussions in this post — including those things where you can help make a decision.
Making Sense of React Hooks
If the new ‘hooks’ feature (above) intrigues you, this article digs further into it, the motivations behind them, and answers some questions around their usage and implementation. - http://bit.ly/2AXDZeT
#react
If the new ‘hooks’ feature (above) intrigues you, this article digs further into it, the motivations behind them, and answers some questions around their usage and implementation. - http://bit.ly/2AXDZeT
#react
Medium
Making Sense of React Hooks
This week, Sophie Alpert and I presented the “Hooks” proposal at React Conf, followed by a deep dive from Ryan Florence:
Learn to Build a Simple Progressive Web App with Angular and Lighthouse
A step-by-step guide to building a Hacker News clone PWA using Angular and Lighthouse. - http://bit.ly/2qRgDC3
#angular #pwa
A step-by-step guide to building a Hacker News clone PWA using Angular and Lighthouse. - http://bit.ly/2qRgDC3
#angular #pwa
Medium
Learn to Build a Simple Progressive Web App (PWA) with Angular and Lighthouse — Hacker News Clone
Learn to build a simple Hacker News clone PWA with Angular and Lighthouse , step-by-step.
CSS Previous Sibling Selectors and How to Fake Them
CSS previous sibling selectors don’t exist, but they can be ‘faked’. - http://bit.ly/2DhMEu8
#css
CSS previous sibling selectors don’t exist, but they can be ‘faked’. - http://bit.ly/2DhMEu8
#css
freeCodeCamp.org
How to make the impossible possible in CSS with a little creativity
by Facundo Corradini If you ever used CSS sibling selectors, you know there’s only two. The + sibling combinator selects the first match that comes immediately after, and the ~ subsequent-sibling combinator matches all the ones that come after. But there’s…
Real Talk JavaScript: A New(ish) JavaScript Podcast
Now at five episodes old, we thought it was time to mention this neat podcast hosted by John Papa, Ward Bell, and Dan Wahlin. Episodes so far cover topics like thriving in OSS, scaling React, and D3. - http://bit.ly/2PxF1HF
#podcast
Now at five episodes old, we thought it was time to mention this neat podcast hosted by John Papa, Ward Bell, and Dan Wahlin. Episodes so far cover topics like thriving in OSS, scaling React, and D3. - http://bit.ly/2PxF1HF
#podcast
The Evolution of Async JavaScript
A practical break down of the pros and cons of three common JavaScript mechanisms: callbacks, promises, and async/await, along with their significance and progression from a historical context. - http://bit.ly/2PycgKW
#javascript #async
A practical break down of the pros and cons of three common JavaScript mechanisms: callbacks, promises, and async/await, along with their significance and progression from a historical context. - http://bit.ly/2PycgKW
#javascript #async
TylerMcGinnis.com
Async JavaScript: From Callbacks, to Promises, to Async/Await
In this post you'll learn about the historical context as well as the pros and cons behind the three most popular JavaScript async patterns - Callbacks, Promises, and Async/Await.