How to Show/Hide Elements in Vue
Learn three methods to conditionally show or hide elements in Vue.js using v-if, v-show, and CSS class binding.
Dmitri Pavlutin is a Senior Frontend Developer with 10+ years of experience, specializing in JavaScript, TypeScript, React, and Vue.js. He shares practical tutorials and insights on modern frontend development, UI/UX, and application architecture.
176 articles from this blog
Learn three methods to conditionally show or hide elements in Vue.js using v-if, v-show, and CSS class binding.
Explains the difference between sparse and dense arrays in JavaScript, including how to create and identify them.
Learn different methods to initialize JavaScript arrays with primitive values or object instances, including fill(), Array.from(), and map().
An accessible guide explaining the concepts of covariance and contravariance in TypeScript's type system and subtyping.
Explains higher-order functions in JavaScript, including definitions, examples, and practical use cases for writing more flexible code.
A guide on integrating TypeScript with React components, covering prop typing, optional props, and return types for better code safety.
Explains how to use TypeScript index signatures to type objects with dynamic keys, using a salary calculation example.
A guide to using React's useReducer() hook for managing complex state logic, separating it from rendering concerns.
Explains the key differences between TypeScript's `any` and `unknown` types, focusing on type safety and practical usage.
A tutorial explaining how to use React Context and the useContext() hook for managing global state in React applications.
Explains how Promise.any() works in JavaScript to get the first resolved promise, with examples of its behavior.
Learn two methods to delete properties from JavaScript objects: the mutable `delete` operator and immutable destructuring with rest syntax.
Explores the technical differences between 'return await promise' and 'return promise' in JavaScript async functions, focusing on error handling.
A guide to using JavaScript's Promise.allSettled() method for handling multiple async operations and their outcomes.
A tutorial on using the JavaScript fetch() API to make GET and POST requests with JSON data, including setting headers and parsing responses.
Explains the technical difference between using two callbacks in .then() versus chaining .then() with .catch() for error handling in JavaScript Promises.
Explains JavaScript Promises, why they simplify asynchronous coding, and how to use them with async/await.
A guide to using JavaScript's Promise.all() method for handling multiple asynchronous operations in parallel, including syntax and examples.
A beginner-friendly guide explaining how to use props to pass data and customize React components, covering functional and class components.
A guide to using React's useTransition() hook to prioritize UI updates and improve performance for heavy, non-urgent tasks in React 18.