React Enterprise Component Patterns - Inversion of Control and JSX Injection via Context API

React Enterprise Component Patterns - Inversion of Control and JSX Injection via Context API article image

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.

How to download CSV and JSON files in React

How to download CSV and JSON files in React article image

In this article you will learn how to implement functionality to allow users to download JSON and CSV files in React.

SEO and Performance Optimisation with Nuxt Image

SEO and Performance Optimisation with Nuxt Image article image

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.

How to create a debounced ref in Vue 3 using Composition API

How to create a debounced ref in Vue 3 using Composition API article image

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.

How to set up path resolving in Vite

How to set up path resolving in Vite article image

Path resolving is great, as it helps with avoiding ugly ../../../ imports. Find out how to set up alias path resolving with Vite.

How to easily sync with multiple v-models in Vue 3 using Composition API

How to easily sync with multiple v-models in Vue 3 using Composition API article image

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.

Vue Enterprise Patterns - How to Build Components With Design System Variants And Share Variant Styles Using Variant Style Provider

How to Build Components With Design System Variants And Share Variant Styles Using Variant Style Provider image

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.

How to Prepare for a JavaScript Interview

How to Prepare for a JavaScript Interview article image

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.

You Might Not Need Vuex—How to Create Shareable Stateful Services in Vue

You Might Not Need Vuex—How to Create Shareable Stateful Services in Vue article image

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.

A View on New Vue - What to Expect in Vue 3

A View on New Vue - What to Expect in Vue 3 article image

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.

The Latest Features Added to JavaScript in ECMAScript 2020

The Latest Features Added to JavaScript in ECMAScript 2020 article image

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.

A Beginner’s Guide to Loops in React JSX

A Beginner’s Guide to Loops in React JSX article image

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.

Vue Composition API — What Is it and How Do I Use It?

Vue Composition API — What Is it and How Do I Use It? article image

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.

How to Use Context API with Hooks Efficiently While Avoiding Performance Bottlenecks

How to Use Context API with Hooks Efficiently While Avoiding Performance Bottlenecks article image

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.

12 Tips and Tricks to Improve Your Vue Projects

12 Tips and Tricks to Improve Your Vue Projects article image

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.

Modern JavaScript features which you should be using every day for better development and what problems do they solve.

Modern JavaScript features which you should be using every day for better development and what problems do they solve. article image

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.