Loader Interceptor in Angular

How to show loading status by intercepting HTTP requests - https://betterprogramming.pub/angular-loader-interceptor-f0b37e244ccb

#angular

Announcing TypeScript 5.0

Note that TypeScript doesn’t follow semantic versioning, so this is as much a ‘major’ release as 4.9 was.. but 5.0 looks cool anyway. This release of the typed JavaScript superset is packed with features like decorators, improved ESM project support for Node and bundlers, const type parameters, and more. - https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/

#typescript

How Migrating from Vanilla Redux to Redux Toolkit Improved Shopify's State Management

A look at Shopify’s experience improving state management in the Shopify Point of Sale app by migrating from plain Redux to a Redux Toolkit-based one. - https://shopify.engineering/react-redux-toolkit-migration

#react

Building a Modern gRPC Microservice with Node and Connect

An interesting tutorial that digs into how the engineers at Dopt built a gRPC-powered internal microservice using Node and the Connect suite of gRPC libraries. It's great to see a tutorial built off of a real, production-level experience. - https://blog.dopt.com/building-a-modern-grpc-powered-microservice

#nodejs

Nuxt 3 + useFetch = Reactive Vue at its best

Eugen explains the Composition API and the useFetch composable of Nuxt 3 can be used to get the best out of Vue’s reactivity. - https://medium.com/comsystoreply/nuxt-3-usefetch-reactive-vue-at-its-best-14729f6f5be7

#vue

The Ultimate Guide to Architectural Decision Records

Introduction to ADRs with examples, templates, and managing tools - https://betterprogramming.pub/the-ultimate-guide-to-architectural-decision-records-6d74fd3850ee

#adr

Scoped CSS is Back

Keith J. Grant gives a nice look at the current state of Scoped CSS, explaining that a working prototype is already in Chrome. - https://keithjgrant.com/posts/2023/04/scoped-css-is-back

#css

The 'End' of Front-End Development?

A recent narrative doing the rounds suggests that large language models like GPT-4 (or even tools like Copilot X) could soon put some developers out of a job — however, Josh is “optimistic about what these AI advancements mean for the future of software development”. - https://www.joshwcomeau.com/blog/the-end-of-frontend-development/

#frontend #chatgpt

Mastering React: Techniques to Take Your UI to the Next Level

A thorough, iterative tutorial which takes a given feature—in this case, a navigation bar—from the designer’s Figma diagram to finished, production-ready component. - https://blog.bitsrc.io/mastering-react-techniques-to-take-your-ui-to-the-next-level-a5002173904f

#react

Building and Dockerizing a Node App with Stateless Architecture

Then deploying it on the Kinsta platform. - https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/

#nodejs

7 Practical CSS Typography Tips & Tricks

Handy hands-on tips to improve your CSS Typography, explaining in detail how to implement fluid typography using clamp(), adjust letter spacing, set optimal and balanced line lengths, style link underlines, improve unordered list styling with emoji bullets, and use Color Fonts. - https://www.youtube.com/watch?v=d1QOiBRID2E

#css

How to force a Vue component to re-render

Vue.js updates the DOM whenever the JavaScript state changes. However, in certain scenarios, this approach isn’t sufficient, and we need to re-render individual components. In this article, review some best practices to efficiently re-render Vue components to avoid reloading the entire page. The following four basic practices apply to both Vue 2 and Vue 3. - https://blog.logrocket.com/force-vue-component-re-render/

#vue

36 Questions to Ask Your Future Employer After the Interview

Congrats on nailing that interview! You’ve prepared hard and aced all the questions. You can relax now. - https://semaphoreci.medium.com/36-questions-to-ask-your-future-employer-after-the-interview-d4db1c9659f3

#interview

Make API Calls the Right Way in Angular

Best practices for making your API calls - https://betterprogramming.pub/angular-api-calls-the-right-way-264198bf2c64

#angular

Microservices with NodeJS using NestJS

NestJS is a NodeJS framework suitable for building efficient, scalable Node.js server-side… - https://medium.com/@dime.jordanov/microservices-with-nodejs-using-nestjs-537053572a73

#nodejs

Awesome React: Almost 500 Curated React Projects and Resources

A frequently updated and in-depth collection of articles and resources relating to the React ecosystem. - https://github.com/enaqx/awesome-react

#react

Future CSS: Anchor Positioning

Roman Komarov explains how the anchor positioning (currently available under an experimental flag in Chrome Canary) augments absolute positioning by allowing you to use the positions and dimensions of elements other than the element’s usual positioning context. - https://kizu.dev/anchor-positioning-experiments/

#css

Revuelution: Using GSAP with Nuxt3

Animations have become an integral part of modern web design. They add life to the website and make it more engaging for the user. GSAP (GreenSock Animation Platform) is a powerful animation library that can be used to create complex and creative animations on the web. In this blog post, we'll explore how you can use GSAP in Nuxt3 to create stunning animations. - https://ninja-army.hashnode.dev/revuelution-using-gsap-with-nuxt3

#vue

Advanced TypeScript With Code Challenges: Mapped Types

Learn advanced TypeScript features and apply them to practical code exercises. - https://javascript.plainenglish.io/advanced-typescript-with-code-challenges-mapped-types-6825c7fc984a

#typescript