Architecting Enterprise Angular Application
We all know how easy it is to get started with building an Angular application. Thanks to Angular CLI, with… - https://medium.com/@getrohith.sathya/architecting-enterprise-angular-application-3276ac496c02
#angular
We all know how easy it is to get started with building an Angular application. Thanks to Angular CLI, with… - https://medium.com/@getrohith.sathya/architecting-enterprise-angular-application-3276ac496c02
#angular
Medium
Architecting Enterprise Angular Application
We all know how easy it is to get started with building an Angular application. Thanks to Angular CLI, with just one command we can create…
👍6
Making a Twitter Bot in the Year 2022 with Node.js - https://cmdcolin.github.io/posts/2022-08-26-twitterbot
#nodejs
#nodejs
cmdcolin.github.io
Making a twitter bot in the year 2022 with node.js
A blog
👍3
Finer Grained Control Over CSS Transforms With Individual Transform Properties
Bramus Van Damme and L. David Baron show how individual transform properties work. - https://web.dev/css-individual-transform-properties
#css
Bramus Van Damme and L. David Baron show how individual transform properties work. - https://web.dev/css-individual-transform-properties
#css
web.dev
Finer grained control over CSS transforms with individual transform properties | Articles | web.dev
Learn how you can use the individual translate, rotate, and scale CSS properties to approach transforms in an intuitive way.
👍4❤1
The Future of State Management in Vue.js
Before Vue 3, the choice for state management was clearly Vuex. But with the new composition API architecture, reactivity mechanism, and some new players in the game, the choice now might be different. - https://fadamakis.medium.com/the-future-of-state-management-in-vue-js-fa3f94865d1f
#vue
Before Vue 3, the choice for state management was clearly Vuex. But with the new composition API architecture, reactivity mechanism, and some new players in the game, the choice now might be different. - https://fadamakis.medium.com/the-future-of-state-management-in-vue-js-fa3f94865d1f
#vue
Medium
The future of State Management in Vue.js
With Vue 3 gaining traction and becoming the new default, many things are changing, and the ecosystem is still shaping. Until recently, the…
👏5❤1👍1
Modern Web App Design Patterns
A free book you can download in PDF format or enjoy on the Web. Learn about lots of fundamentals, from how different styles of rendering or importing resources work to performance optimizations and case studies. There’s a lot to enjoy and a fantastic team behind it, too. - https://www.patterns.dev/
#web #patterns
A free book you can download in PDF format or enjoy on the Web. Learn about lots of fundamentals, from how different styles of rendering or importing resources work to performance optimizations and case studies. There’s a lot to enjoy and a fantastic team behind it, too. - https://www.patterns.dev/
#web #patterns
www.patterns.dev
Learn JavaScript design and performance patterns for building more powerful web applications.
👍13😁1
Infographic for Software Architecture History - https://vocal.media/01/infographic-for-software-architecture-history
##architecture
##architecture
01
Infographic for Software Architecture History
In this story, you will learn how the Software Architecture evolved over the time?
👍2
Understanding useMemo and useCallback
Many find these hooks confusing. This tutorial takes a crack at what they do exactly, why they’re useful and how to get the most out of them – and all in Josh’s usual highly accessible and engaging style. - https://www.joshwcomeau.com/react/usememo-and-usecallback/
#react
Many find these hooks confusing. This tutorial takes a crack at what they do exactly, why they’re useful and how to get the most out of them – and all in Josh’s usual highly accessible and engaging style. - https://www.joshwcomeau.com/react/usememo-and-usecallback/
#react
Joshwcomeau
Understanding useMemo and useCallback • Josh W. Comeau
What's the deal with these two hooks?! Lots of devs find them confusing, for a whole host of reasons. In this tutorial, we'll dig deep and understand what they do, why they're useful, and how to get the most out of them.
👍6🔥2
Recreating MDN’s Truncated Text Effect
Geoff Graham shows how to create a truncated text effect using CSS. - https://css-tricks.com/recreating-mdns-truncated-text-effect
#css
Geoff Graham shows how to create a truncated text effect using CSS. - https://css-tricks.com/recreating-mdns-truncated-text-effect
#css
CSS-Tricks
Recreating MDN's Truncated Text Effect | CSS-Tricks
It's no secret that MDN rolled out a new design back in March. It's gorgeous! And there are some sweet CSS-y gems in it that are fun to look at. One of those
👍3
How to Unit Test Next.js API Routes with Typescript
If you need env vars, mocked data, and Typescript types, this one’s for you. - https://itnext.io/how-to-unit-test-next-js-api-routes-with-typescript-ec1146b4b9b3
#nodejs
If you need env vars, mocked data, and Typescript types, this one’s for you. - https://itnext.io/how-to-unit-test-next-js-api-routes-with-typescript-ec1146b4b9b3
#nodejs
Medium
How to Unit Test Next.js API Routes with Typescript
If you need env vars, mocked data, and Typescript types, this one’s for you.
👍5
Vue3 + TS + Vue Query + Express + tRPC
This tutorial shows how to set up a full-stack Vue 3 app with cutting-edge tools. - https://dev.to/alousilva/vue3-typescript-express-trpc-setup-example-2mlh
#vue
This tutorial shows how to set up a full-stack Vue 3 app with cutting-edge tools. - https://dev.to/alousilva/vue3-typescript-express-trpc-setup-example-2mlh
#vue
DEV Community
Vue3 + TS + Vue Query + Express + tRPC: setup example
Table of contents Introduction Setup Project folder structure Server script Router Vue...
👍5
Front-end Testing Strategy
Defines the common layers of testing and their trade-offs in order to propose an effective strategy. - https://itnext.io/front-end-testing-strategy-5fddfd463feb
#frontend #testing
Defines the common layers of testing and their trade-offs in order to propose an effective strategy. - https://itnext.io/front-end-testing-strategy-5fddfd463feb
#frontend #testing
Medium
Front-end Testing Strategy
Defines the different layers of testing and gives an overview of the current situation to propose an effective strategy.
👍6
Why React Contexts Are Great
Something can be good, but also not a great fit for every project. Allen explains where his team ran into problems with useContext. - https://spin.atomicobject.com/2022/08/24/react-contexts/
#react
Something can be good, but also not a great fit for every project. Allen explains where his team ran into problems with useContext. - https://spin.atomicobject.com/2022/08/24/react-contexts/
#react
Atomic Spin
Why React Contexts Are Great and Why We Didn't Use Them
React contexts enable information sharing between components. However, they aren't always the best fit for a project. See why and how to properly use them.
👍6😐3
How to Handle Required Inputs in Angular
Handling Required Inputs in Angular Directive and Component. - https://medium.com/@redin.gaetan/angular-for-everyone-required-inputs-ee916b2feaae
#angular
Handling Required Inputs in Angular Directive and Component. - https://medium.com/@redin.gaetan/angular-for-everyone-required-inputs-ee916b2feaae
#angular
Medium
How to Handle Required Inputs in Angular
Handling Required Inputs in Angular Directive and Component.
👍3
How To Use Multithreading in Node.js
A practical walkthrough to how Node uses threads and how and why you might use worker threads yourself in a web app. - https://www.digitalocean.com/community/tutorials/how-to-use-multithreading-in-node-js
#nodejs
A practical walkthrough to how Node uses threads and how and why you might use worker threads yourself in a web app. - https://www.digitalocean.com/community/tutorials/how-to-use-multithreading-in-node-js
#nodejs
Digitalocean
How To Use Multithreading in Node.js | DigitalOcean
Node.js runs JavaScript code in a single thread, which means your code can do one task at a time and can’t use multiple cores. To remedy this, Node.js introd…
👍7👏1
The Advanced Guide to the CSS :has() Selector
Rahul Chhodde explains the need for the :has() selector, its general usage, various applications and use cases from simple to advanced, browser compatibility, and the fallbacks. - https://blog.logrocket.com/advanced-guide-css-has-selector
#css
Rahul Chhodde explains the need for the :has() selector, its general usage, various applications and use cases from simple to advanced, browser compatibility, and the fallbacks. - https://blog.logrocket.com/advanced-guide-css-has-selector
#css
LogRocket Blog
The advanced guide to the CSS :has() selector - LogRocket Blog
The :has() pseudo-class has been a much-awaited addition to CSS - discover advanced implementations in this complete guide.
👍6
Domain modeling for frontend applications using TypeScript
Thanks to Rafael Poveda and Abel Fernández for proof reading this article - https://tech.cornershop.io/domain-modeling-for-frontend-applications-using-typescript-2bc162fd94a0
#typescript
Thanks to Rafael Poveda and Abel Fernández for proof reading this article - https://tech.cornershop.io/domain-modeling-for-frontend-applications-using-typescript-2bc162fd94a0
#typescript
Medium
Domain modeling for frontend applications using TypeScript
Thanks to Rafael Poveda and Abel Fernández for proof reading this article ❤️
❤4👍2
Server side rendering (SSR) with Angular for Nx workspaces
In this article, we will manually add the SSR feature to our Angular application in an Nx workspace. - https://blog.nrwl.io/server-side-rendering-ssr-with-angular-for-nx-workspaces-14e2414ca532
#angular
In this article, we will manually add the SSR feature to our Angular application in an Nx workspace. - https://blog.nrwl.io/server-side-rendering-ssr-with-angular-for-nx-workspaces-14e2414ca532
#angular
Medium
Server side rendering (SSR) with Angular for Nx workspaces
In this article, we will manually add the SSR feature to our Angular application in an Nx workspace.
👍7
Vue Composition API Inspector
A peek under the hood of Vue compilation. See how Vue interprets TypeScript. - https://unicorn-utterances.com/posts/vue-composition-inspector
#vue
A peek under the hood of Vue compilation. See how Vue interprets TypeScript. - https://unicorn-utterances.com/posts/vue-composition-inspector
#vue
Unicorn Utterances
Vue Composition API Inspector
A peek under the hood of Vue compilation. See how Vue interpretes TypeScript
👍3
React Error Boundaries: A Guide
Not properly catching errors thrown by third-party libraries or React hooks can have them end up reaching the top-level of the main execution thread, resulting in the dreaded “white screen” scenario. The official docs on error boundaries also remain useful. - https://meticulous.ai/blog/react-error-boundaries-complete-guide/
#react
Not properly catching errors thrown by third-party libraries or React hooks can have them end up reaching the top-level of the main execution thread, resulting in the dreaded “white screen” scenario. The official docs on error boundaries also remain useful. - https://meticulous.ai/blog/react-error-boundaries-complete-guide/
#react
www.meticulous.ai
React Error Boundaries | Complete Guide
A complete guide to implementing React Error Boundaries, and how to use a third-party tool for handling more sophisticated scenarios.
👍9👏1
TypeScript 4.8 Released
The typed superset of JavaScript continues to remain popular. 4.8 is more a minor evolution than a revolution, but makes improvements to inference, correctness and consistency, file watching, and serious speedups on rebuilds. - https://devblogs.microsoft.com/typescript/announcing-typescript-4-8/
#typescript
The typed superset of JavaScript continues to remain popular. 4.8 is more a minor evolution than a revolution, but makes improvements to inference, correctness and consistency, file watching, and serious speedups on rebuilds. - https://devblogs.microsoft.com/typescript/announcing-typescript-4-8/
#typescript
Microsoft News
Announcing TypeScript 4.8
Today we’re excited to announce the release of TypeScript 4.8! If you’re not yet familiar with TypeScript, it’s a language that builds on JavaScript and adds syntax for types. These types let you put your expectations and assumptions into your code,
👍6
Popular Nodejs Patterns and Tools to Reconsider?
Yoni is well known for his work in cataloging Node best practices (certainly worth looking at!) but he thinks we should reflect upon entrenched approaches over time. Here he presents 9 common approaches to reconsider. - https://practica.dev/blog/popular-nodejs-pattern-and-tools-to-reconsider/
#nodejs
Yoni is well known for his work in cataloging Node best practices (certainly worth looking at!) but he thinks we should reflect upon entrenched approaches over time. Here he presents 9 common approaches to reconsider. - https://practica.dev/blog/popular-nodejs-pattern-and-tools-to-reconsider/
#nodejs
practica.dev
Popular Node.js patterns and tools to re-consider | Practica.js
Node.js is maturing. Many patterns and frameworks were embraced - it's my belief that developers' productivity dramatically increased in the past years. One downside of maturity is habits - we now reuse existing techniques more often. How is this a problem?
👍5