React: Separation of Concerns
How to best manage your data structure components to ensure a proper separation of concerns in React. - http://amp.gs/NPe7
#react
How to best manage your data structure components to ensure a proper separation of concerns in React. - http://amp.gs/NPe7
#react
Medium
React — Separation of Concerns
When specifying the behavior of a data structure component, there are often two concerns that need to be dealt with: basic functionality…
Vue.js Single-File Component Factory
Perhaps the best way to inject dependencies is via factory functions that take dependencies as parameters. In this article, you'll see a solution that makes it possible to do this from a Vue.js single-file component.
- http://amp.gs/NykE
#vue
Perhaps the best way to inject dependencies is via factory functions that take dependencies as parameters. In this article, you'll see a solution that makes it possible to do this from a Vue.js single-file component.
- http://amp.gs/NykE
#vue
markus.oberlehner.net
Vue.js Single File Component Factory
Learn how to export a factory function from a Vue.js Single File Component (SFC) and how to inject dependencies that way.
What the CSS — Implementing Trigonometry in SCSS, and Lessons Learnt
Weiyuan Liu shows how we can harness core engineering principles such as code reuse and unit-testing through implementing trigonometry in SCSS.
- http://amp.gs/NhUs
#css
Weiyuan Liu shows how we can harness core engineering principles such as code reuse and unit-testing through implementing trigonometry in SCSS.
- http://amp.gs/NhUs
#css
Medium
What the CSS — Implementing Trigonometry in SCSS, and lessons learnt
CSS, at its core, is a style sheet language. But we can do so much more by using Sass with its SCSS syntax.
Interesting Use Cases for JavaScript's Bitwise Operators
If you need to do some bit-level manipulation of values, JavaScript has the operators you need. - http://amp.gs/Nvsu
#javascript
If you need to do some bit-level manipulation of values, JavaScript has the operators you need. - http://amp.gs/Nvsu
#javascript
LogRocket Blog
Interesting use cases for JavaScript bitwise operators - LogRocket Blog
Although we don't often see bitwise operators used in JavaScript, they have some cool use cases. Learn their theory and implementation.
'Logic-Less' JSX
The opportunities that JSX provides for mixing logic and markup are significant but.. you can go too far. Here are some thoughts on how to keep things clean. - http://amp.gs/NgNW
#react
The opportunities that JSX provides for mixing logic and markup are significant but.. you can go too far. Here are some thoughts on how to keep things clean. - http://amp.gs/NgNW
#react
Yarn Workspaces: Organize Your Project’s Codebase Like A Pro
Yarn workspaces provide a way to work better with multiple dependencies together. This article explains the benefits and using them in a monorepo configuration. - http://amp.gs/NE2s
#nodejs
Yarn workspaces provide a way to work better with multiple dependencies together. This article explains the benefits and using them in a monorepo configuration. - http://amp.gs/NE2s
#nodejs
Smashing Magazine
Yarn Workspaces: Organize Your Project’s Codebase Like A Pro — Smashing Magazine
In this article, Jorge explains why they’re a great tool and how to create your first monorepo using Yarn with basic npm scripts, and add the required dependencies for each app.
Vue.js Pattern for Async Requests: Using Renderless Components
Learn how Vue renderless components can be used to handle async requests and to make HTTP request logic reusable.
- http://amp.gs/NV3U
#vue
Learn how Vue renderless components can be used to handle async requests and to make HTTP request logic reusable.
- http://amp.gs/NV3U
#vue
DEV Community
Vue.js Pattern for Async Requests: Using Renderless Components
Using a Vue Renderless Component to handle async requests to abstract the HTTP request logic and make it reusable.
The Best Way To Lazy Load Angular Elements
In this article we will be focusing on learning how to use Angular elements and other web components in the context of parent ( consumer ) Angular applications. It’s based on hands-on production ready experience from large enterprise organization with more than hundred of SPAs and libraries combined!
- http://amp.gs/N9Pr
#angular
In this article we will be focusing on learning how to use Angular elements and other web components in the context of parent ( consumer ) Angular applications. It’s based on hands-on production ready experience from large enterprise organization with more than hundred of SPAs and libraries combined!
- http://amp.gs/N9Pr
#angular
Medium
The Best Way To Lazy Load Angular Elements
Or any other Web Components in your Angular applications!
The Essential Guide To JavaScript’s Newest Data Type: BigInt
For when the Number type just isn’t enough.. - http://amp.gs/N9bD
#javascript
For when the Number type just isn’t enough.. - http://amp.gs/N9bD
#javascript
Smashing Magazine
The Essential Guide To JavaScript’s Newest Data Type: BigInt — Smashing Magazine
In JavaScript, the Number type cannot safely represent integer values larger than 2⁵³. This limitation has forced developers to use inefficient workarounds and third-party libraries. BigInt is a new data type intended to fix that.
How to Build An Admin Panel with React
A practical example of using react-admin, a framework for building Material Design-styled admin panels on top of REST and GraphQL APIs. - http://amp.gs/N4Xh
#react
A practical example of using react-admin, a framework for building Material Design-styled admin panels on top of REST and GraphQL APIs. - http://amp.gs/N4Xh
#react
LogRocket Blog
How to build an admin panel with React - LogRocket Blog
Creating admin applications does not have to be as complex as it once was. With react-admin, building admin interfaces is easy.
Intrinsically Responsive CSS Grid with minmax() and min()
Evan Minto demonstrates how to create intrinsically responsive CSS Grid. - http://amp.gs/NRUi
#css
Evan Minto demonstrates how to create intrinsically responsive CSS Grid. - http://amp.gs/NRUi
#css
Explain Like I'm 5: Microservices in Node.js
A look at the basics of microservices, by way of a Lego-themed Node-based example. - http://amp.gs/NUp1
#nodejs
A look at the basics of microservices, by way of a Lego-themed Node-based example. - http://amp.gs/NUp1
#nodejs
Building A Simple Application with Flutter and GraphQL
How to build a CRUD app using both Flutter and GraphQL. - http://amp.gs/NdnB
#flutter #graphql
How to build a CRUD app using both Flutter and GraphQL. - http://amp.gs/NdnB
#flutter #graphql
Medium
Building a simple application with Flutter and GraphQL
Flutter is an SDK(Software development kit) to build applications for Android and IOs. In the other hand, GraphQL is a query language that…
The Complete Guide To Angular Load Time Optimization
In the past, Christian has written a lot about performance tuning Angular apps. Now it is time to dive into one of the big and important topics: optimizing Angular load time performance.
- http://amp.gs/NOm8
#angular
In the past, Christian has written a lot about performance tuning Angular apps. Now it is time to dive into one of the big and important topics: optimizing Angular load time performance.
- http://amp.gs/NOm8
#angular
Using Progressive Enhancement to Design for Accessibility
Scott Jensen explains how to utilize a progressive enhancement approach when designing for accessibility.
- http://amp.gs/NrxY
#css
Scott Jensen explains how to utilize a progressive enhancement approach when designing for accessibility.
- http://amp.gs/NrxY
#css
SitePen
Using Progressive Enhancement to Design for Accessibility | SitePen
The web is for everyone. That includes web apps built on web architecture. If you haven’t heard the word “accessibility” mentioned in the last couple of years, you may have been living under a rock. Building accessible, inclusive web apps that support users…
JavaScript and Node Testing Best Practices
Almost 50 best practices divided into categories (backend, frontend, CI, etc.) complete with code examples. Not just the basics, it digs into areas like visual regression, property-based testing, and contract testing, too. - http://amp.gs/NSEd
#javascript #testing
Almost 50 best practices divided into categories (backend, frontend, CI, etc.) complete with code examples. Not just the basics, it digs into areas like visual regression, property-based testing, and contract testing, too. - http://amp.gs/NSEd
#javascript #testing
GitHub
goldbergyoni/javascript-testing-best-practices
📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (May 2021) - goldbergyoni/javascript-testing-best-practices
The Basics of Scraping Web Sites with Node and Cheerio
This is really promoting the Pipedream platform, but.. I found it interesting to see. And, of course, make sure you’re not violating any ToS and are being ethical. - http://amp.gs/NNhU
#nodejs
This is really promoting the Pipedream platform, but.. I found it interesting to see. And, of course, make sure you’re not violating any ToS and are being ethical. - http://amp.gs/NNhU
#nodejs
Medium
Scrape a site with Node and Cheerio in 5 minutes
Website scraping is a common problem with a common toolset. Two approaches dominate the web today:
How To Avoid SOLID Principle Violations In Vue.js
SOLID is a set of object-oriented principles intended to make code more flexible, readable and maintainable. This article takes a look at these principles in a real Vue project and shows how to avoid violations. - http://amp.gs/NA4n
#vue
SOLID is a set of object-oriented principles intended to make code more flexible, readable and maintainable. This article takes a look at these principles in a real Vue project and shows how to avoid violations. - http://amp.gs/NA4n
#vue
Medium
How to avoid SOLID principles violations in Vue. JS application
In this article I’d like to discuss how can we avoid SOLID principles violation in our Vue.JS project.
The History and Legacy of jQuery
jQuery may have fallen somewhat out of favor in web development, but we recently did a poll that showed 13% of JavaScript developers still proactively turn to it. - http://amp.gs/Nqi2
#jquery
jQuery may have fallen somewhat out of favor in web development, but we recently did a poll that showed 13% of JavaScript developers still proactively turn to it. - http://amp.gs/Nqi2
#jquery