VueUse: A Collection of Vue Composition Utilities

With over 200 functions targeting both Vue 2 and 3, there’ll be something in this suite of Composition API-based utility functions for you, whether it’s working with state, browser capabilities, animations, Electron, Firebase, and more. - https://vueuse.org/

#vue

VueUse: A Collection of Vue Composition Utilities

With over 200 functions targeting both Vue 2 and 3, there’ll be something in this suite of Composition API-based utility functions for you, whether it’s working with state, browser capabilities, animations, Electron, Firebase, and more. - https://vueuse.org/

#vue

Как мы сделали незаметную капчу?

Как сделать так, чтобы капча работала и отсеивала ботов, а пользователям не приходилось вводить текст с картинки? На этот вопрос отвечают разработчики Yandex SmartCaptcha — в статье они делятся историей создания сервиса, рассказывают про изменение кода, рефакторинг архитектуры, невидимую для пользователя проверку и заботу о людях.

Читайте статью в новом блоге Yandex Cloud и Yandex Infrastructure на Хабре, и не забудьте подписаться, чтобы не пропустить истории о том, как мы строим инфраструктуру Яндекса и делаем публичную облачную платформу.

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