Don't Call A React Function Component
A demonstration of the difference between React.createElement and calling a function component directly and why you should render function components instead of calling them. - http://amp.gs/iuFZ
#react
A demonstration of the difference between React.createElement and calling a function component directly and why you should render function components instead of calling them. - http://amp.gs/iuFZ
#react
Kentcdodds
Don't call a React function component
The difference between React.createElement and calling a function component directly
Angular Environment Setup - Safe & Testable
Most real-world Angular applications live in different environments throughout their development cycle. While differences generally should be kept to a minimum, your webapp is probably supposed to behave a little bit different on a developer's machine compared to when it's deployed to production. - http://amp.gs/iJoH
#angular
Most real-world Angular applications live in different environments throughout their development cycle. While differences generally should be kept to a minimum, your webapp is probably supposed to behave a little bit different on a developer's machine compared to when it's deployed to production. - http://amp.gs/iJoH
#angular
DEV Community
Angular Environment Setup - Safe & Testable
Originally published at nils-mehlhorn.de Most real-world Angular applications live in different envi...
How To Create a Node Module
It’s an elementary thing to do, but this is a thorough tutorial nonetheless. - http://amp.gs/iK84
#nodej
It’s an elementary thing to do, but this is a thorough tutorial nonetheless. - http://amp.gs/iK84
#nodej
DigitalOcean
How To Create a Node.js Module | DigitalOcean
In Node.js, a module is a collection of JavaScript functions and objects that can be used by external applications. In this tutorial, you will create a Node.js module organized with npm that suggests what color web developers should use in their desig
JavaScript, ES6, ES7, ES10.. Where Are We?
A look at the current features within JavaScript, what got rejected, and what native support for ‘modern’ JavaScript features is like. It’s a bit of a mish-mash, but covers a lot of proposals. - http://amp.gs/iKMI
#javascript
A look at the current features within JavaScript, what got rejected, and what native support for ‘modern’ JavaScript features is like. It’s a bit of a mish-mash, but covers a lot of proposals. - http://amp.gs/iKMI
#javascript
Medium
JavaScript, ES6, ES7, ES10 where are we?
What are the current features . proposal, what are the withdrawn/rejected proposals?
#29 VueDose – Use old instance properties in Composition API in Vue.js 3
Learn how to use this.$emit, this.$attrs and more in the new Composition API, where you have no this (component instance) in your Vue.js Components. - http://amp.gs/i3Mf
#vue
Learn how to use this.$emit, this.$attrs and more in the new Composition API, where you have no this (component instance) in your Vue.js Components. - http://amp.gs/i3Mf
#vue
vuedose
Use old instance properties in Composition API in Vue.js 3
Learn how to use this.$emit, this.$attrs and more in the new Composition API, where you have no this instance in your Vue.js Components.
Angular Material: Build Your Own Generic MatTable
In this guide, we'll learn how to create a generic table with Angular Material. - http://amp.gs/iHc5
#angular
In this guide, we'll learn how to create a generic table with Angular Material. - http://amp.gs/iHc5
#angular
Medium
Angular Material: Build Your Own Generic MatTable
Using the power of decorators
Patching Your node_modules
“In this article, I’ll teach you the strategy of patching dependencies in node_modules by using patch files.” - http://amp.gs/i2O0
#nodejs
“In this article, I’ll teach you the strategy of patching dependencies in node_modules by using patch files.” - http://amp.gs/i2O0
#nodejs
opensource.christmas
Patching your node_modules
When using open source code you might encounter bugs in this code. Since it's open source, you can find the faulty code and the fix it yourself. The right thing to do next is of course to submit an issue and/or a pull request on the project. But what if the…
The Unseen Performance Costs of Modern CSS-in-JS Libraries in React Apps
An attempt to “shed some light into the potentially unknown performance implications when using the most prominent CSS-in-JS libraries”. - http://amp.gs/iwYt
#react
An attempt to “shed some light into the potentially unknown performance implications when using the most prominent CSS-in-JS libraries”. - http://amp.gs/iwYt
#react
Web Performance Calendar
The unseen performance costs of modern CSS-in-JS libraries in React apps
CSS-in-JS is becoming a popular choice for any new front-end app out there, due to the fact that it offers a better API for developers to work with. Don't get me wrong, I love CSS, but creating a proper CSS architecture is not an easy task. Unfortunately…
Learning Modern JavaScript with Tetris
A thorough walkthrough of all the things to consider when building your own Tetris game in JavaScript. Bit of fun for the weekend, maybe? - http://amp.gs/iw3I
#javascript #game #tetris
A thorough walkthrough of all the things to consider when building your own Tetris game in JavaScript. Bit of fun for the weekend, maybe? - http://amp.gs/iw3I
#javascript #game #tetris
Medium
Learning Modern JavaScript with Tetris
Today, I’m taking you along for a journey in game development with the classic game of Tetris. We are going to touch upon concepts like…
Vuex Data Model and Feature Module Strategy Part 1: The Data Model Module - Markus Oberlehner
Looking for a way to reduce some Vuex boilerplate for repeatable functionalities? Standardize how you manage data in your app? Markus has some pretty nice ideas on that and more! Check it out. - http://amp.gs/iFtz
#vue
Looking for a way to reduce some Vuex boilerplate for repeatable functionalities? Standardize how you manage data in your app? Markus has some pretty nice ideas on that and more! Check it out. - http://amp.gs/iFtz
#vue
markus.oberlehner.net
Vuex Data Model and Feature Module Strategy Part 1: The Data Model Module
Learn how to structure your Vuex store using a combination of data model and feature modules.
ioredis 4.15.0: A Performance Focused Redis Client for Node
Boasts support for Redis Cluster, Sentinel, pipelining, Lua scripting, pub/sub and all the rest. And it’s used at Chinese e-commerce giant Alibaba, so you know it scales - http://amp.gs/iFAu
#nodejs #redis
Boasts support for Redis Cluster, Sentinel, pipelining, Lua scripting, pub/sub and all the rest. And it’s used at Chinese e-commerce giant Alibaba, so you know it scales - http://amp.gs/iFAu
#nodejs #redis
GitHub
GitHub - luin/ioredis: 🚀 A robust, performance-focused, and full-featured Redis client for Node.js.
🚀 A robust, performance-focused, and full-featured Redis client for Node.js. - GitHub - luin/ioredis: 🚀 A robust, performance-focused, and full-featured Redis client for Node.js.
Testing Dynamic Forms in Angular
Learn how to create a dynamic form in Angular and then create tests for the form to ensure it works as expected. - http://amp.gs/iXV1
#angular
Learn how to create a dynamic form in Angular and then create tests for the form to ensure it works as expected. - http://amp.gs/iXV1
#angular
Telerik Blogs
Testing Dynamic Forms in Angular
Learn how to create a dynamic form in Angular and then create tests for the form to ensure it works as expected.
Over 100 JavaScript Algorithms and Data Structures Demonstrated
Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. - http://amp.gs/iLnS
#javascript
Examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. - http://amp.gs/iLnS
#javascript
GitHub
GitHub - trekhleb/javascript-algorithms: 📝 Algorithms and data structures implemented in JavaScript with explanations and links…
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings - GitHub - trekhleb/javascript-algorithms: 📝 Algorithms and data structures implemented in...
7 Uses for CSS Custom Properties
Michelle Barker outlines some practical use cases for CSS custom properties. - http://amp.gs/iWBU
#css
Michelle Barker outlines some practical use cases for CSS custom properties. - http://amp.gs/iWBU
#css
CSS { In Real Life } | 7 Uses for CSS Custom Properties
Tips, tricks and tutorials on the web’s most beautiful language.
vue-loader: 📦 webpack loader for Vue.js components – explained
Vue-loader is the webpack loader responsible for transforming our favorite .vue single-file components into something that is understandable by the browser. If you have been wondering how it works underneath, this explanation might give you a better idea. - http://amp.gs/iaea
#vue
Vue-loader is the webpack loader responsible for transforming our favorite .vue single-file components into something that is understandable by the browser. If you have been wondering how it works underneath, this explanation might give you a better idea. - http://amp.gs/iaea
#vue
GitHub
GitHub - vuejs/vue-loader: 📦 Webpack loader for Vue.js components
📦 Webpack loader for Vue.js components. Contribute to vuejs/vue-loader development by creating an account on GitHub.
React is a State Manager Too, You Know
I’ve seen this point made a few times over the years. You don’t necessarily need Redux or another state manager, since React has its own internal mechanisms you can use for your components. - http://amp.gs/iopG
#react
I’ve seen this point made a few times over the years. You don’t necessarily need Redux or another state manager, since React has its own internal mechanisms you can use for your components. - http://amp.gs/iopG
#react
Medium
React is a state manager too, ya know!
You probably don’t need Redux… or Context. Use React’s internal component state instead of complex and third-party solutions.
20 Ways to Become a Better Node Developer in 2020
We’re rapidly coming up on the end of the year (indeed, the next issue is our last this year) so is it time to think about New Year’s resolutions already? - http://amp.gs/iMtP
#nodejs
We’re rapidly coming up on the end of the year (indeed, the next issue is our last this year) so is it time to think about New Year’s resolutions already? - http://amp.gs/iMtP
#nodejs
Medium
20 ways to become a better Node.js developer in 2020
A compilation of Node.js advice in strategic topics like testing, DevOps, clean code, modern toolbox, monitoring and more
Checklist to Avoid the Most Common Accessibility Errors
Bruce Lawson looks at ways to avoid the most common accessibility errors identified by the WebAIM accessibility analysis. - http://amp.gs/i5pl
#css
Bruce Lawson looks at ways to avoid the most common accessibility errors identified by the WebAIM accessibility analysis. - http://amp.gs/i5pl
#css
brucelawson.co.uk
Bruce Lawson's personal site
» Checklist to avoid the most common accessibility errors
Angular 9 Examples: 2 Ways To Display A Component (Selector & Router)
In this quick example, we'll see two ways of displaying a component in Angular 9 - using selectors or the router. - http://amp.gs/i56g
#angular
In this quick example, we'll see two ways of displaying a component in Angular 9 - using selectors or the router. - http://amp.gs/i56g
#angular
Techiediaries
Angular 9 Examples: 2 Ways To Display A Component (Selector & Router) | Techiediaries
Relatively Formatting Times with Intl.RelativeTimeFormat
For example: new Intl.RelativeTimeFormat('en').format(-1, 'day') returns the string "1 day ago". It’s going to be part of ES2020 but you can use it in Chrome and Firefox already. - http://amp.gs/iQcR
#javascript
For example: new Intl.RelativeTimeFormat('en').format(-1, 'day') returns the string "1 day ago". It’s going to be part of ES2020 but you can use it in Chrome and Firefox already. - http://amp.gs/iQcR
#javascript
Bram.us
ESNext: Relatively format time with Intl.RelativeTimeFormat
A proposal to the ECMAScript Internationalization API Specification (ECMA-402) that just moved to Stage-4, is Intl.RelativeTimeFormat. It’s a way to format time in a relative manner – e.g. “10 minutes ago” or “in 3 quarters” – while also taking a language…
How to reuse one Vue.js codebase across multiple apps
Thomas Holland returns with another article on Vue.js app architecture. I loved his previous article on Domain-driven development and this week he speaks about code re-usability but not in just one app, but multiple of those. - http://amp.gs/icQT
#vue
Thomas Holland returns with another article on Vue.js app architecture. I loved his previous article on Domain-driven development and this week he speaks about code re-usability but not in just one app, but multiple of those. - http://amp.gs/icQT
#vue
Medium
How to reuse one Vue.js codebase across multiple apps
We develop similar but not identical apps for different customers. This illustrates how to individualize apps on the basis of a shared…