|
|
Newsletter Issue #299View and discuss this issue onlineHave you ever used an event bus in Vue 2 and don’t know how to recreate it in Vue 3? This article provides a provides a solution to creating an event bus make the root component of the application (App.vue) aware of some particular events fired inside the components chain. Working with a component library to build your custom UI can be complicated, especially when you want to integrate with other tools, such as TailwindCSS. In this post, we will explore how to build a product gallery with Storefront UI, a fast and beautiful component library for E-commerce, and TailwindCSS in a Nuxt application. Vue.js is a popular JavaScript framework that makes it easy to build complex web applications. While many developers are familiar with the basics of Vue.js, there are some features that are often overlooked. In this post, we’ll explore five features of Vue.js that you might not know about. Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching. Layouts are the foundations of medium-to-large websites or apps. Unlike Nuxt, Vue 3 doesn’t have a native layout system, but don’t worry. In this article, I’m going to show you 3 simple ways to achieve that. One of the most powerful techniques we can use to build reusable and maintainable components is the Provider Pattern. This approach, widely used not only in the Vue ecosystem, allows us to separate the presentation layer from the data fetching, helping us avoid common pitfalls like spaghetti code and prop drilling. By leveraging the Provider Pattern, we can create components that are easier to develop, reuse, and maintain over time. Let's explore this pattern together. When it comes to making HTTP requests in Vue.js, sometimes we may encounter connection errors or server issues. In these cases, we may want to retry the request a certain number of times before giving up. This is where an HTTP request interceptor can come in handy. In this article, we will explore how to implement an HTTP request retry interceptor in Vue.js, taking into consideration the retry count, backoff strategy, and response status codes Comments? Join the discussion about this issue here. P.S. If you enjoyed this issue, show your support by buying me a coffee, or if you’d like to support me to create the newsletter ongoingly, you can make a pledge through Patreon. P.P.S. Continue the conversation with Vue.js Developers on social media: |
|
| |
|
Click to load comments...