How to Structure Angular Apps in 2021
This is how I structure my angular applications for extensive flexibility, scalability and smaller initial… - http://amp.gs/jjc3J
#angular
This is how I structure my angular applications for extensive flexibility, scalability and smaller initial… - http://amp.gs/jjc3J
#angular
Medium
How to Structure Angular Apps in 2021
This is how I structure my angular applications for extensive flexibility, scalability and smaller initial bundle size.
Factory pattern - Type script implementation with type map
As one of the common creation patterns, the factory pattern makes application loose coupling by hiding the… - http://amp.gs/jj6VL
#typescript
As one of the common creation patterns, the factory pattern makes application loose coupling by hiding the… - http://amp.gs/jj6VL
#typescript
Medium
Factory Pattern - TypeScript Implementation
As one of the common creation patterns, the factory pattern makes application loose coupling by hiding the implementation details from…
If we’re gonna criticize utility-class frameworks, let’s be fair about it
There’s a lot of criticism out there when it comes to using something like Tailwind to help you write CSS. Utility-class frameworks will often lead you to writing markup that looks something like this - http://amp.gs/jj6bM
#css
There’s a lot of criticism out there when it comes to using something like Tailwind to help you write CSS. Utility-class frameworks will often lead you to writing markup that looks something like this - http://amp.gs/jj6bM
#css
CSS-Tricks
If we're gonna criticize utility-class frameworks, let's be fair about it | CSS-Tricks
I'm not here to raise a shield protecting CSS utility frameworks. I don't even particularly like the approach, myself, and nothing is above fair criticism.
How to Choose Between Different Code Reuse Patterns in Vue.js
This article will help you choose between the composition API, scoped slots, and mixins for reusable code in Vue.js. - http://amp.gs/jjbNB
#vue
This article will help you choose between the composition API, scoped slots, and mixins for reusable code in Vue.js. - http://amp.gs/jjbNB
#vue
Theodo
How to Choose Between Different Code Reusable Pattern in Vue.js?
Choose Between Different Code Reusable Pattern in Vue.js. Understand the advantages and drawbacks of composition API, scoped slots, and Mixin
Time to Say Goodbye to Enzyme.js?
Enzyme is a long standing React component testing library originally built at Airbnb. However, “the world has already moved - to React Testing Library” claims the author who has a variety of other reasons to consider dropping it. - http://amp.gs/j8IPc
#react
Enzyme is a long standing React component testing library originally built at Airbnb. However, “the world has already moved - to React Testing Library” claims the author who has a variety of other reasons to consider dropping it. - http://amp.gs/j8IPc
#react
Angular Pipe Performance — Build a super-duper fast Angular pipe ⚡️
Looking to make your Angular pipes perform like a dashing cheetah? Then here’s how to create a fast… - http://amp.gs/j8jeE
#angular
Looking to make your Angular pipes perform like a dashing cheetah? Then here’s how to create a fast… - http://amp.gs/j8jeE
#angular
Medium
Angular Pipe Performance — Build a super-duper fast Angular pipe ⚡️
Looking to make your Angular pipes perform like a dashing cheetah? Then here’s how to create a fast, highly-performant Angular pipe. ✨✨✨
A Complete Guide to Dark Mode on the Web
Dark mode has gained a lot of traction recently. Like Apple, for instance, has added dark mode to its iOS and MacOS operating systems. Windows and Google have done the same. - http://amp.gs/j88ho
#css
Dark mode has gained a lot of traction recently. Like Apple, for instance, has added dark mode to its iOS and MacOS operating systems. Windows and Google have done the same. - http://amp.gs/j88ho
#css
CSS-Tricks
A Complete Guide to Dark Mode on the Web | CSS-Tricks
“Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background. Dark mode, dark theme, black mode, night mode… they all refer to and mean the same thing: a mostly-dark interface rather than a mostly…
Mobile Palette Generator
A color palette generator that generates secondary and accent colors based on a primary color you provide. Shows you a preview of the color scheme on mobile UIs. - http://amp.gs/j88KH
#webtools
A color palette generator that generates secondary and accent colors based on a primary color you provide. Shows you a preview of the color scheme on mobile UIs. - http://amp.gs/j88KH
#webtools
mobilepalette.colorion.co
Mobile Palette Generator
Generate stunning color palettes for your next mobile app.
npm audit: Broken by Design
Dan says it best: “The way npm audit works is broken. Its rollout as a default after every npm install was rushed, inconsiderate, and inadequate for the front-end tooling.” Dan adopts an unusually snarky tone but does a good job of demonstrating why getting panicked about vulnerabilities as if they’re all as important as each other can be a bad thing. - http://amp.gs/j8T9u
#nodejs
Dan says it best: “The way npm audit works is broken. Its rollout as a default after every npm install was rushed, inconsiderate, and inadequate for the front-end tooling.” Dan adopts an unusually snarky tone but does a good job of demonstrating why getting panicked about vulnerabilities as if they’re all as important as each other can be a bad thing. - http://amp.gs/j8T9u
#nodejs
overreacted.io
npm audit: Broken by Design
Found 99 vulnerabilities (84 moderately irrelevant, 15 highly irrelevant)
Tips and Tricks For Building Fast And Light VueJS SPAs
Read this article for tips on building amazing single-page applications with Vue. - http://amp.gs/j8zED
#vue
Read this article for tips on building amazing single-page applications with Vue. - http://amp.gs/j8zED
#vue
Medium
What Are The Tips and Tricks For Building Fast And Light VueJS SPA?
Read this blog and find out what are the tips and tricks you should be keeping in mind while you build applications for your website with…
Monorepos in JavaScript, Anti-Pattern
Something I’ve noticed more lately, is this trend of having several npm micro-packages all contained in one… - http://amp.gs/j81R6
#monorepo
Something I’ve noticed more lately, is this trend of having several npm micro-packages all contained in one… - http://amp.gs/j81R6
#monorepo
Medium
Monorepos in JavaScript, Anti-Pattern
Something I’ve noticed more lately, is this trend of having several npm micro-packages all contained in one repository. Many popular…
The State of Web Workers in 2021
The web is typically single-threaded, but two years ago Surma told us why to always use Web Workers to bring multithreading to your solutions despite the difficulties. Almost every client supports them now, so Surma makes the case again and explains why Web Workers deserve a place in your projects. - http://amp.gs/j8YdI
#javascript
The web is typically single-threaded, but two years ago Surma told us why to always use Web Workers to bring multithreading to your solutions despite the difficulties. Almost every client supports them now, so Surma makes the case again and explains why Web Workers deserve a place in your projects. - http://amp.gs/j8YdI
#javascript
Smashing Magazine
The State Of Web Workers In 2021 — Smashing Magazine
The web is single-threaded. This makes it increasingly hard to write smooth and responsive apps. Workers have a bad rep, but can be an important and useful tool in any web developer's toolbelt for these kinds of problems. Let’s get up to speed on Workers…
Creating a Multi-Author Blog with Next.js
The latest instalment in this informal series of case studies which focus on a big, audacious project goal and then parses it out into a manageable series of steps. - http://amp.gs/j8t4L
#react
The latest instalment in this informal series of case studies which focus on a big, audacious project goal and then parses it out into a manageable series of steps. - http://amp.gs/j8t4L
#react
Smashing Magazine
Creating A Multi-Author Blog With Next.js — Smashing Magazine
This article explains how we can connect different types of content in a Next.js application. With this technique, we can add any kind of one-to-one, one-to-many, or even many-to-many relationship to our projects.
How To Implement Micro-Frontend Architecture With Angular
Everything you need to know about microservice oriented architecture for the frontend from beginner to… - http://amp.gs/j8mSr
#angular
Everything you need to know about microservice oriented architecture for the frontend from beginner to… - http://amp.gs/j8mSr
#angular
Medium
How To Implement Micro-Frontend Architecture With Angular
Everything you need to know about microservice oriented architecture for the frontend from beginner to advanced
Working with Vue and Apollo GraphQL
GraphQL is an alternative to traditional RESTFul APIs for data fetching. Learn how to set it up with Vue 3 and the Apollo GraphQL client. - http://amp.gs/j8ZiG
#vue
GraphQL is an alternative to traditional RESTFul APIs for data fetching. Learn how to set it up with Vue 3 and the Apollo GraphQL client. - http://amp.gs/j8ZiG
#vue
sdust.dev
Working with Vue and Apollo GraphQL - sdust.dev
Let's see GraphQL in action in your Vue app
TypeScript and Native ESM on Node.js
This topic comes up time and time again, and for good reason - it’s the way things are headed. Dr. Axel covers the essentials you need to know in order to use and produce native ECMAScript/ES modules on Node when using TypeScript. - http://amp.gs/j8pAS
#nodejs
This topic comes up time and time again, and for good reason - it’s the way things are headed. Dr. Axel covers the essentials you need to know in order to use and produce native ECMAScript/ES modules on Node when using TypeScript. - http://amp.gs/j8pAS
#nodejs
2Ality
TypeScript and native ESM on Node.js
In this blog post, I’ll explain everything you need to know in order to use and produce native ECMAScript modules on Node.js. The GitHub repository iterable is an example of a TypeScript ESM package that works on Node.js. It still uses the "typesVersions"…
Refactoring CSS: Introduction
Adrian Bece explains how to approach the CSS refactoring process and gives some general pros and cons. - http://amp.gs/j8l0Z
#css
Adrian Bece explains how to approach the CSS refactoring process and gives some general pros and cons. - http://amp.gs/j8l0Z
#css
Smashing Magazine
Refactoring CSS: Introduction (Part 1) — Smashing Magazine
CSS refactoring is not an easy task — it needs to be done in a way that doesn't create problems. First we need to analyze the existing codebase, audit CSS codebase health, discover weaknesses, agree on the approach, and convince management to invest time…
An Introduction to Test Driven Development in Flutter
The first part in a series on how to apply the basic principles of Test Driven Development to a Flutter app. - http://amp.gs/j8B3l
#flutter
The first part in a series on how to apply the basic principles of Test Driven Development to a Flutter app. - http://amp.gs/j8B3l
#flutter
Medium
TDD in Flutter Part 1: Introduction to Test Driven Development
In this series I am going to explain how you can apply principles of the Test Driven Development (TDD for short) to a Flutter (or Dart)…
Most Common Errors Encountered In Angular With Solution
While coding we tackle issues on a daily basis. Some of which are functional bugs and some of which are… - http://amp.gs/j8nsu
#angular
While coding we tackle issues on a daily basis. Some of which are functional bugs and some of which are… - http://amp.gs/j8nsu
#angular
Medium
Most Common Errors Encountered In Angular With Solution
While coding we tackle issues on a daily basis. Some of which are functional bugs and some of which are technical issues. Functional bugs…