On The Irrational Demonization Of Two-Way Data-Binding In Angular
The other day, Ben was listening to a JavaScript podcast on which a guest of the show pointed to two-way data-binding as one of the biggest “problems” in Angular. This is not a new thought - it’s something that he hears time-and-time again, especially from people in the React world. This demonization of two-way data-binding is completely irrational. And, unfortunately, if it’s said by enough “thought leaders”, it can become quite detrimental to the mental model of newer developers. So, he just wanted to come out and say that he absolutely loves the two-way data-binding in Angular. In fact, he thinks it’s one of the features that gives Angular its power. And, it’s a feature that he uses every single day with great success. - http://amp.gs/Edb4
#angular
The other day, Ben was listening to a JavaScript podcast on which a guest of the show pointed to two-way data-binding as one of the biggest “problems” in Angular. This is not a new thought - it’s something that he hears time-and-time again, especially from people in the React world. This demonization of two-way data-binding is completely irrational. And, unfortunately, if it’s said by enough “thought leaders”, it can become quite detrimental to the mental model of newer developers. So, he just wanted to come out and say that he absolutely loves the two-way data-binding in Angular. In fact, he thinks it’s one of the features that gives Angular its power. And, it’s a feature that he uses every single day with great success. - http://amp.gs/Edb4
#angular
Bennadel
On The Irrational Demonization Of Two-Way Data-Binding In Angular
Ben Nadel looks at the irrational demonization of two-way data-binding in Angular. And, demonstrates that two-way data-binding provides exciting benefits that developers can opt-into when they want it; and, opt-out-of when they need more explicit control…
Vue Development In 2019: What You Need To Know
This article provides a high-level map of the key areas of knowledge about Vue.js, from the core features to essential ecosystem tools. Use this map this to target areas for learning in 2019! - http://amp.gs/EOM9
#vue
This article provides a high-level map of the key areas of knowledge about Vue.js, from the core features to essential ecosystem tools. Use this map this to target areas for learning in 2019! - http://amp.gs/EOM9
#vue
Vue Development In 2019: What You Need To Know
This article provides a high-level map of the key areas of knowledge about Vue, from the core features to essential ecosystem tools. Use this map this to target areas for learning in 2019!
IntelliCode for JavaScript and TypeScript in VS Code
The popular VS Code editor gains support for IntelliCode for JavaScript (and TypeScript) users. IntelliCode is a feature that recommends commonly used completion items based upon the current context in your code and is an interesting step in Microsoft’s experiments with practical ‘AI-assisted development’. - http://amp.gs/Ersn
#vscode
The popular VS Code editor gains support for IntelliCode for JavaScript (and TypeScript) users. IntelliCode is a feature that recommends commonly used completion items based upon the current context in your code and is an interesting step in Microsoft’s experiments with practical ‘AI-assisted development’. - http://amp.gs/Ersn
#vscode
React Christmas: A React Advent Calendar
There’s a React-themed advent calendar that’s currently live and presenting a bite-sized slice of React wisdom each day. Now is a great time to catch up. - http://amp.gs/ESEi
#react
There’s a React-themed advent calendar that’s currently live and presenting a bite-sized slice of React wisdom each day. Now is a great time to catch up. - http://amp.gs/ESEi
#react
react.christmas
React Christmas
Bekk is getting in the Christmas spirit with 24 days of articles
This Year in JavaScript: 2018 in Review and npm’s Predictions for 2019
JavaScript is the world’s most programming language, npm plays host to over 800,000 libraries, GraphQL’s popularity is booming, and the most popular other languages JavaScript developers use are Java, PHP and Python. - http://amp.gs/ENCy
#npm #javascript
JavaScript is the world’s most programming language, npm plays host to over 800,000 libraries, GraphQL’s popularity is booming, and the most popular other languages JavaScript developers use are Java, PHP and Python. - http://amp.gs/ENCy
#npm #javascript
The npm Blog
This year in JavaScript: 2018 in review and npm’s predictions for 2019
This study is adapted from my presentation npm and the Future of JavaScript. No data is perfect; if you have questions about ours you can read about the methodology used to gather this data.
npm has...
npm has...
Preventing Content Reflow From Lazy-Loaded Images
Lazily loading images is a good performance practice but what happens when those images load and change dimensions within the existing page layout? Reflow. But here’s how to avoid it. - http://amp.gs/EN6H
#css
Lazily loading images is a good performance practice but what happens when those images load and change dimensions within the existing page layout? Reflow. But here’s how to avoid it. - http://amp.gs/EN6H
#css
CSS-Tricks
Preventing Content Reflow From Lazy-Loaded Images | CSS-Tricks
You know the concept of lazy loading images. It prevents the browser from loading images until those images are in (or nearly in) the browser's viewport.
Build a Simple Web App with Express, Angular, and GraphQL
During the past 10 years or so, the concept of REST APIs for web services has become the bread and butter for most web developers. Recently a new concept has emerged, GraphQL. GraphQL is a query language that was invented by Facebook and released to the public in 2015. During the last three years, it has created quite a stir. Some regard it as a new revolutionary way of creating web APIs. The main difference between traditional REST and GraphQL is the way queries are sent to the server. - http://amp.gs/EAW1
#angular #express #graphql
During the past 10 years or so, the concept of REST APIs for web services has become the bread and butter for most web developers. Recently a new concept has emerged, GraphQL. GraphQL is a query language that was invented by Facebook and released to the public in 2015. During the last three years, it has created quite a stir. Some regard it as a new revolutionary way of creating web APIs. The main difference between traditional REST and GraphQL is the way queries are sent to the server. - http://amp.gs/EAW1
#angular #express #graphql
Okta Developer
Build a Simple Web App with Express, Angular, and GraphQL
A tutorial to build a simple web application using Express, Angular, and GraphQL.
Compound Components in React Using the Context API
Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves. - http://amp.gs/EqFV
#react
Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves. - http://amp.gs/EqFV
#react
CSS-Tricks
Compound Components in React Using the Context API | CSS-Tricks
Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves. A good example is the
Structuring a Vue Project — Authentication
This article documents a backend developer’s approach to creating an authenticated Vue.js application with Vuex using best practices. - http://amp.gs/Es42
#vue
This article documents a backend developer’s approach to creating an authenticated Vue.js application with Vuex using best practices. - http://amp.gs/Es42
#vue
Medium
Structuring a Vue project — Authentication
For the past few years my primary focus has been on the software architecture and development of the backend services. I’ve tried to stay…
19 Ways to Become a Better Node Developer in 2019
Highlights tips, skills and strategies that may prove valuable over the coming months, such as having a package update plan in place, though the suggestion to “be a bit more Java and a byte less Ruby” makes me itch - http://amp.gs/EikJ
#nodejs
Highlights tips, skills and strategies that may prove valuable over the coming months, such as having a package update plan in place, though the suggestion to “be a bit more Java and a byte less Ruby” makes me itch - http://amp.gs/EikJ
#nodejs
Medium
19 ways to become a better Node.js developer in 2019
Strategic ideas for things you should learn to create robust Node.js & Javascript application in 2019
Keeping browser tabs in sync using localStorage, NgRx, and RxJS
In this post, we’re going to take a look at how we can keep our application state in sync when a user has multiple tabs open. We’re going to make this happen by using the Web Storage API, NgRx (Store and Effects), and RxJS. - http://amp.gs/EDxs
#angular
In this post, we’re going to take a look at how we can keep our application state in sync when a user has multiple tabs open. We’re going to make this happen by using the Web Storage API, NgRx (Store and Effects), and RxJS. - http://amp.gs/EDxs
#angular
Angular In Depth
Keeping browser tabs in sync using localStorage, NgRx, and RxJS
We’re going to take a look at how we can keep state in sync when a user has multiple tabs open.
Creating a CSS Venn Diagram using CSS Shapes
This is really clever and well explained too, although it won’t work in Edge (for now). - http://amp.gs/EDQj
#css
This is really clever and well explained too, although it won’t work in Edge (for now). - http://amp.gs/EDQj
#css
Adrian Roselli
A CSS Venn Diagram
A few years ago I made a Venn diagram using floats and absolute positioning. It was fine. Nothing to really brag about, but it got the point across. I had use for CSS shapes in a project and wanted to play around beyond what the project itself allowed. I…
Simplify Your Components with Computed Setters
With computed properties, we can easily compose new data that is derived from other data. But what if we want to set it? This article shows common use cases for this scenario and a simple solution. - http://amp.gs/Eu3h
#vue
With computed properties, we can easily compose new data that is derived from other data. But what if we want to set it? This article shows common use cases for this scenario and a simple solution. - http://amp.gs/Eu3h
#vue
Medium
Simplify Your Vue Components with Computed Setters
One of the main core concepts of Vue.js is computed properties. With computed properties, we can easily compose new data that is derived…
Introducing Background Fetch
A Web standard that’s currently implemented behind Chrome’s Experimental Web Platform features flag, Background Fetch lets you handle large downloads in a browser programatically and then get notifications of their completion, even if the browser closes. - http://amp.gs/EJA5
#web #background #fetch
A Web standard that’s currently implemented behind Chrome’s Experimental Web Platform features flag, Background Fetch lets you handle large downloads in a browser programatically and then get notifications of their completion, even if the browser closes. - http://amp.gs/EJA5
#web #background #fetch
Google Developers
Introducing Background Fetch | Web | Google Developers
Background fetch lets you handle large downloads, even if the browser closes.
How Does setState Know What to Do? — The latest in Dan Abramov’s recent series of illumating blog posts:
“You don’t need to think about how this works when you use React. We’d like React users to spend more time thinking about their application code than abstract concepts like dependency injection. But if you’ve ever wondered how this.setState() or useState() know what to do, I hope this helps.” - http://amp.gs/E0nh
#react
“You don’t need to think about how this works when you use React. We’d like React users to spend more time thinking about their application code than abstract concepts like dependency injection. But if you’ve ever wondered how this.setState() or useState() know what to do, I hope this helps.” - http://amp.gs/E0nh
#react
overreacted.io
How Does setState Know What to Do?
Dependency injection is nice if you don’t have to think about it.
Node.js API and Web Frameworks for 2019
A roundup that doesn’t just focus on the usual favorites like Express, Koa, and Hapi, but digs into alternatives like Nest, Adonis and Fastify too. - http://amp.gs/E00V
#nodejs
A roundup that doesn’t just focus on the usual favorites like Express, Koa, and Hapi, but digs into alternatives like Nest, Adonis and Fastify too. - http://amp.gs/E00V
#nodejs
A Guide to the CSS Object Model (CSSOM)
If you’ve written JavaScript in a front-end context, you’ve undoubtedly dealt with the DOM (Document Object Model) but there’s also the CSS Object Model, a set of APIs allowing the manipulation of CSS from JavaScript. A lot of detail/examples here. - http://amp.gs/EKeS
#css
If you’ve written JavaScript in a front-end context, you’ve undoubtedly dealt with the DOM (Document Object Model) but there’s also the CSS Object Model, a set of APIs allowing the manipulation of CSS from JavaScript. A lot of detail/examples here. - http://amp.gs/EKeS
#css
CSS-Tricks
An Introduction and Guide to the CSS Object Model (CSSOM) | CSS-Tricks
If you've been writing JavaScript for some time now, it's almost certain you've written some scripts dealing with the Document Object Model (DOM). DOM How to use the CSS Object Model (CSSOM) to read and manipulate inline styles and CSS from exertnal stylesheets.
Mixins and custom functions to enhance your Vue applications
If you are a Vue lover and are looking for a way to extend your Vue application, you have come to the right place. - http://amp.gs/EKuj
#vue
If you are a Vue lover and are looking for a way to extend your Vue application, you have come to the right place. - http://amp.gs/EKuj
#vue
LogRocket
Mixins and custom functions to enhance your Vue applications
Vue mixins and directives are a powerful combination and a great way to add more reusable functions to your application.
How to Use SignalR with .NET Core and Angular - Real-Time Charts
SingalR is a library which helps us provide a real-time web functionality to our applications. This means that our server can push data to any connected client as soon as that data is provided, in a real-time, and vice verse. In this article, we are going to show you how to use SignalR with .NET Core and Angular through the practical example. - http://amp.gs/E3zf
#angular #signalR #netcore
SingalR is a library which helps us provide a real-time web functionality to our applications. This means that our server can push data to any connected client as soon as that data is provided, in a real-time, and vice verse. In this article, we are going to show you how to use SignalR with .NET Core and Angular through the practical example. - http://amp.gs/E3zf
#angular #signalR #netcore
Code Maze
How to Use SignalR with .NET Core and Angular - Real-Time Charts
In this article, we are going to learn how to use SignalR with .NET Core and Angular by creating real-time chart application.
Better Reusable React Components with the Overrides Pattern
An engineer at Uber shares how they came up with a pattern for overriding interval styles or props of components when necessary. - http://amp.gs/E3se
#react
An engineer at Uber shares how they came up with a pattern for overriding interval styles or props of components when necessary. - http://amp.gs/E3se
#react
Medium
Better Reusable React Components with the Overrides Pattern
If you’ve been watching the React ecosystem the past few years, you’ve surely encountered one of the numerous open source reusable…
How to Build Fast REST APIs with Node, MongoDB, Fastify and Swagger - http://amp.gs/E36F
#nodejs #mongodb #fastify #swagger
#nodejs #mongodb #fastify #swagger
freeCodeCamp.org
How to build blazing fast REST APIs with Node.js, MongoDB, Fastify and Swagger
Presumably no web developer is a stranger to REST APIs and the challenges that architecting an effective and efficient API solution brings.