WebAssembly’s Post-MVP Future: A Cartoon Skill Tree
This is a fantastically accessible guide to understanding where WebAssembly fits into the big picture, what’s yet to come, and what impact WebAssembly could have on both the Web and related areas like IoT and Node.js. - https://mzl.la/2OuVeba
#webAssembly
This is a fantastically accessible guide to understanding where WebAssembly fits into the big picture, what’s yet to come, and what impact WebAssembly could have on both the Web and related areas like IoT and Node.js. - https://mzl.la/2OuVeba
#webAssembly
Mozilla Hacks – the Web developer blog
WebAssembly’s post-MVP future: A cartoon skill tree – Mozilla Hacks - the Web developer blog
People have a misconception—they think that the WebAssembly that landed in browsers back in 2017—is the final version. In fact, we still have many use cases to unlock, from heavy-weight ...
Siteaudit
Siteaudit is a command-line tool that analyzes your site and generates audit for Pagespeed, Lighthouse, and A11y. - http://bit.ly/2DyrSr4
#tools
Siteaudit is a command-line tool that analyzes your site and generates audit for Pagespeed, Lighthouse, and A11y. - http://bit.ly/2DyrSr4
#tools
GitHub
GitHub - thecreazy/siteaudit: Site audit for your site from terminal
Site audit for your site from terminal. Contribute to thecreazy/siteaudit development by creating an account on GitHub.
Introducing React 'Hooks'
Hooks are a proposed new feature for using state and other React features without writing classes. You can try them out in an alpha build of React 16.7. - http://bit.ly/2RASgUq
#react
Hooks are a proposed new feature for using state and other React features without writing classes. You can try them out in an alpha build of React 16.7. - http://bit.ly/2RASgUq
#react
All About Angular Bindings
Angular bindings are a super-powerful mechanism built into the framework. Unfortunately, they can be difficult to remember. This blog post by Alyssa Nicoll will help. - http://bit.ly/2qGrXke
#angular
Angular bindings are a super-powerful mechanism built into the framework. Unfortunately, they can be difficult to remember. This blog post by Alyssa Nicoll will help. - http://bit.ly/2qGrXke
#angular
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.