File system routing is the default routing approach in Nuxt 3. You create a component in the `pages` directory and a route is automatically added for it. However, file system routing is very inflexible, as you can't create non-route components in the same directory, so it's not feasible for approaches like feature-driven project architecture. In this article we will cover how to setup automated custom routing that is much more flexible and extensible.
In this article we will cover how to provide content to a deeply nested component by injecting JSX into a deeply nested component via Context API.
In this article you will learn how to implement functionality to allow users to download JSON and CSV files in React.
Slow websites can result with in SEO ranking and may be abandoned by impatient users. In this article, we will explore the Nuxt Image module and see how it can be used to improve the performance and loading speed of Nuxt apps.
Composition API offers a ref to create a reactive value. But what if we would like the state updated to be delayed? In this article we cover how to create a debounced ref.
Path resolving is great, as it helps with avoiding ugly ../../../ imports. Find out how to set up alias path resolving with Vite.
Vue 3 has brought many new features, and the ability to use more than one v-model directive on the same element is one of them. I want to share with you a quick tip on how to handle updating the state of a parent component when using multiple v-models.
Explore Vue Enterprise Pattern and take advantage of CSS variables and CSS modules to create Vue components with variants based on a design system and provide variant styles using the Variant Style Provider component.
Interviews can be stressful; the better prepared you are, the higher your chance of succeeding. This article shares useful tips and learning resources to help you prepare and become a better developer.
Vuex is not always the best option to create shareable stateful logic in Vue applications, as only global state should be there. This article covers some alternatives.
The next version of Vue brings a lot of improvements over its predecessor. It will be faster, smaller and offer new features. In this article we go through what Vue 3 will offer.
JavaScript is one of the most popular programming languages, and features are now added to the language every year. This article covers new features added in ECMAScript 2020, also known as ES11.
Wondering how to create loops in React? Learn about JSX and how to use methods like the map function to loop inside React JSX and render a list of items.
The next version of Vue is around the corner and we can already try some new features, like Vue Composition API, which is heavily inspired by React Hooks. A lot of developers are excited about it, others are not so sure. Let’s see how to use it and what the big deal is.
Context API is a great feature offered by React, but it can be tricky to get it right. Learn how to efficiently create and consume Context API with the use of React Hooks without performance issues.
Take advantage of these powerful tips to make the most of your Vue apps and projects. Many of these you can't find in the Vue documentation.
The times when JavaScript was only used for adding a little bit of interaction on the website are long gone. New EcmaScript standards are now released every year, bringing more and more useful and powerful features, and JavaScript is not only used on Front-End anymore as one can now also build back-end architecture, mobile, desktop or IOT apps.