Bookmarks tagged with #vuejs.
Show all
Show all
25 Vue Tips You Need to Know - DEV Community
I've picked up a ton of useful tips over the years developing and writing about Vue. Some are clever, some I use almost every day, and some are more advanced — but they're all useful.
Tags:
#vuejs
Saved
on: 2021-07-26
Vite with Laravel: Using React — Sebastian De Deyne
Vite supports JSX out of the box (you might have to rename .js files to .jsx), so there are no additional steps to get started with React. However, you'll probably want to enable React Refresh for a better development experience.
React Refresh lets you edit components without…
Saved
on: 2021-03-26
Learn Vue 3 in this Introduction to Vue.js Course by Core Vue Team Member,
Tags:
#vuejs
Saved
on: 2020-10-22
Headless CMS with Nuxt and Git submodules
How to use Nuxt Content as Headless CMS with Git submodules
Saved
on: 2020-09-23
Using State Machines in Vue.js with XState | frontstuff
While state machines used to be an obscure model for the front-end world, it has gained quite some traction lately, mostly thanks to XState.
Saved
on: 2020-02-27
Vue Screencasts - Learn VueJS through video tutorials
VueJS Screencasts for intermediate and advanced developers
Saved
on: 2020-02-01
TahaSh/vue-forum-app: The frontend of an example fullstack app built using
The frontend of an example fullstack app built using vue and node - TahaSh/vue-forum-app
Tags:
#vuejs
Saved
on: 2019-12-11
(2) Krutie Patel su Twitter: "Always switching between Vue and Nuxt project
Always switching between Vue and Nuxt projects? I keep these diagrams in sight when I do… download your copy of both #vuejs and #nuxt application folder structure explainer...
✍️ https://t.co/FHc1o0fJ7t
✍️ https://t.co/zHowru9dZV
Tags:
#vuejs
Saved
on: 2019-12-06
Dependency Injection in Vue.js with Functional Component Factories - Markus
Learn how to conveniently inject dependencies into Vue.js components via props and a functional wrapper component.
Tags:
#vuejs
Saved
on: 2019-09-30
Data Provider component in Vue.js
Use scoped slots to create a data provider in Vue.js
Tags:
#vuejs
Saved
on: 2019-09-24
Composing Components in Vue.js - Damian Dulisz
Component Composition can be understood in two ways. Usually people think about composing a component using mixins (and soon composition functions thanks to the upcoming Composition API). However, what I would like to talk about is composition where we connect several components together to form a new one that combines the functionalities of the smaller components. But let’s start from the beginning – the why.
Tags:
#vuejs
Saved
on: 2019-09-17
Vue File Agent
Full featured drag & drop enabled Vue file upload component with previews and upload progress - safrazik/vue-file-agent
Saved
on: 2019-09-13
How to load dynamic images in Vue and Nuxt with ease | blog.Lichter.io
With the release of Vue 3, a lot of things became easier. Unfortunately, loading dynamic assets such as images is not one of them. In the following article, I want to demystify the process of dynamic asset loading in Vue 3 or Nuxt 3 and explain why static assets can be loaded easily...
Saved
on: 2019-08-19
Vue.js 3: Future-Oriented Programming - Bits and Pieces
If you are interested in Vue.js, you probably know about the 3rd version of this framework, which will be released shortly (if you are reading this article from the future, I hope it’s still relevant…
Tags:
#vuejs
Saved
on: 2019-08-07
Sarah Drasner on Let’s Write A Vue App From Scratch on Vimeo
Join Sarah, a Vue core team member, as she builds an app from scratch, using Nuxt.js, her own Vue snippet extension in VS Code, and an API! We’ll see how far…
Saved
on: 2019-07-24
Intro to VuePress 1.x – ULIVZ – Medium
Since April 2018, with the hard work of the maintainers, VuePress, a static website generator launched by Vue.js, has released 96 versions and recently reached from alpha to beta stage. Today, we are…
Tags:
#vuejs
Saved
on: 2019-06-11
HTML5 Aided Vue.js form validation
Form validation does not need a fancy library.
Tags:
#vuejs
Saved
on: 2019-05-16
Vue Tailwind PurgeCSS — The right way – kyis – Medium
TailwindCSS is an amazing tool, but the extraneous utility classes it generates can bloat builds. That’s where PurgeCSS comes in, removing unused classes from our CSS output. PurgeCSS has sharp edges…
Saved
on: 2019-05-09
VueConf US 2019 | Vue Mastery
Watch 28 videos from VueConf US 2019, which took place in Tampa, Florida, USA on March 25-27, 2019
Saved
on: 2019-04-30
VueDay 2019 schedule - Joind.in
VueDay is the very first international conference about Vue in Italy. The conference is organized by GrUSP, the organizers of jsDay, with the aim to bring together the best speakers and stories about one of the fastest growing frontend frameworks.
Saved
on: 2019-04-16
Server-side apps with client-side rendering - Jonathan Reinink
In this article I introduce a technique I've been using lately that blends my favourite parts of server-side and client-sidee apps: using client-side rendering in a server-side app.
Saved
on: 2019-02-12
Rebuilding My Blog in Vue: Part 1
There are lots of you that write blogs, and maybe you've been thinking about switching to a Vue-based platform. Maybe you haven't even gotten started yet. This is the first article in a series documenting my progress and my thoughts as I rebuild my blog in Vue.
Tags:
#vuejs
Saved
on: 2019-01-30
Structuring a Vue project — Authentication – Boris Savic – Medium
For the past few years my primary focus has been on the software architecture and development of the backend services. I’ve tried to stay away from front-end as long as possible since it’s the one…
Saved
on: 2018-12-12
Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther (SymfonyCon)
Watch the video! Thanks to the new capabilities of the web platform (web components, Progressive Web Apps…) and the rise of modern JS libraries (Vue, React, Angular) almost all modern Symfony applications must leverage the frontend ecosystem.Symfony 4 embed many gems that make it easy to integrate modern JavaScript within the framework, including the first
Saved
on: 2018-12-07
Ionic Announces Alpha Release of Vue.js Integration
At VueConf Toronto, Ionic announced the first alpha release of @ionic/vue, making it possible to add Ionic 4 to any Vue.js project, getting access to Ionic's APIs in a Vue.js-friendly manner.
Saved
on: 2018-11-27
Nuxt.js Fundamentals, a Vue.js video course
Nuxt.js is a framework for creating Vue.js applications. Its goal is to help Vue developers take advantage of top-notch technologies and features in a fast, easy and organized way. It is easy to...
Saved
on: 2018-11-16
Making a large scale app with vue.js (part 1): modularize your store!
part 1 of 5
Saved
on: 2018-11-07
The Guide To Write Universal SSR-ready Vue Components
As a Vue developer, you may have heard the term server-side rendering. Even if you are not using a framework like Nuxt.js it is important to know how to write universal SSR-ready components. And guess what, it isn't even hard!
Tags:
#vuejs
Saved
on: 2018-10-24
Working an application in Vue.js with TDD — An extensive guide for people who have time — part 1
During the VueJS Summit 2018 workshops I talked to Edd Yerburgh in person and showed him the way I was testing my applications, and after some encouragement, here I am, writing this article 😅 I hope…
Saved
on: 2018-10-17
Unit Test Your First Vue.js Component | frontstuff
In Build Your First Vue.js Component we made a star rating component. We’ve covered many fundamental concepts to help you create more complex Vue.js componen...
Saved
on: 2018-10-10
Tips for building lighter and more performant Vue.js SPA
Building Single Page Apps these days is very common and quite easy. However, delivering a small and performant SPA is quite difficult and challenging. We will try to cover some size & performance tips that you can use to make your website faster and lighter.
Saved
on: 2018-10-10
Zulko/eagle.js: A hackable slideshow framework built with Vue.js
A hackable slideshow framework built with Vue.js
Saved
on: 2018-09-25
Vue conference and meetup videos from 2018 (Q1 digest) - MeetupFeed
Saved
on: 2018-09-05
Simple Vue.js Form Validation with Vuelidate
Form validation with Vue.js can be surprisingly tricky. In this article, we see how Vuelidate can be used to make things easier.
Tags:
#vuejs
Saved
on: 2018-09-05
Building a single-page application with Symfony 4, Vue.js, Vue Router, Vuex
Saved
on: 2018-09-04
5 Vue CLI 3 plugins for your Vue project – Vue Mastery – Medium
If you haven’t heard already, Evan You, the creator of Vue, just announced the release of Vue CLI 3, after months of hard work. One of the best things about the new Vue CLI 3 is how extensible it is…
Tags:
#vuejs
Saved
on: 2018-08-23
Practical Use of Vue.js Scoped Slots | Netguru Blog on Frontend
Understanding scoped slots in Vue.js. See example on using scoped-slots to create a wrapper that initialises a specific object based on external API.
Tags:
#vuejs
Saved
on: 2018-08-23
I created the exact same app in React and Vue. Here are the differences.
Find out how to add, remove and change data, pass data in the form of props from parent to child, and send data from the child to the parent in the form of event listeners in both frameworks.
Saved
on: 2018-07-29
vue-patterns/README.md at master · learn-vuejs/vue-patterns
Useful Vue patterns, techniques, tips and tricks and helpful curated links. - learn-vuejs/vue-patterns
Saved
on: 2018-07-04
Creating Time Tracking System in PHP Symfony and Vue
Here is how you can create a time tracking system in PHP using Symfony and VueJS.
Saved
on: 2018-07-02
How to build a real-time editable data table in Vue.js
By Peter Mbanugo
In data-driven applications, a data table is used to display data in a tabular format with the ability to edit and delete records in place. When you’re working with Vue, there are different open-sourced components that can be used to...
Tags:
#vuejs
Saved
on: 2018-06-27
https://dennisreimann.de/articles/delegating-html-links-to-vue-router.html
Tags:
#vuejs
Saved
on: 2018-06-20
Offline-First Progressive Web Apps (PWA) in Vue.js from @alexjoverm on @egg
Progressive Web Apps are just Web pages, but with superpowers. They load under uncertain network conditions, even offline. They’re fast and engaging, p...
Saved
on: 2018-06-07
Vue <3 GraphQL
How I built a Vuex-ORM plugin to attach my Vue SPA to a GraphQL API
Saved
on: 2018-05-29
Vue.js — Considerations and Tricks - webf
Vue.js is great. However, when you start building large scale JavaScript applications, you will start to hit the boundaries of the Vue.js. These boundaries are not really the limitations of the…
Tags:
#vuejs
Saved
on: 2018-05-23
Serverless-Side Rendering With AWS Lambda & NuxtJS - Fernando Alvarez - Medium
One day, I was discussing with some folks in the office about Serverless and Lambdas in general, how to make a lambda, how to use the Serverless framework, create your own REST API, etc. I decided to…
Saved
on: 2018-05-02
Leveraging Render Props in Vue - Dillon Chanis - Medium
Code sharing between your Vue components is an important concept to consider when designing and developing your components. Render props, a technique being largely adopted by the React community…
Tags:
#vuejs
Saved
on: 2018-04-11
Beyond Html with Vue by Eduardo San Martin Morote
8m Lighting talk about building non html components
Tags:
#vuejs
Saved
on: 2018-03-29
http://blog.rangle.io/exploring-zero-configuration-with-vue/?utm_campaign=Revue newsletter&utm_medium=Newsletter&utm_source=Vue.js News
Saved
on: 2018-03-28
Vue CLI 3: A Game Changer For Frontend Development
If you thought Vue couldn't possibly get any better, then you'll be shocked by Vue CLI 3. It's a major leap forward in both flexibility and ease of use. It provides your Vue projects with instant access to the best build tools from the frontend world, combining them seamlessly with sensible defaults. At the same time, Vue CLI 3 allows easy configuration and customization to fit your specific needs.
Tags:
#vuejs
Saved
on: 2018-03-26
Renderless Components in Vue.js
Have you ever pulled in a third-party UI component only to discover that because of one small tweak you need to make, you have to throw out the whole package?
A renderless component is a component that doesn't render any of its own HTML and instead only manages state and behavior, exposing a single scoped slot that gives the consumer complete control over what should be rendered.
Tags:
#vuejs
Saved
on: 2018-03-23
(7) 7 Secret Patterns Vue Consultants Don’t Want You to Know - Chris Fritz
There’s an astounding amount of power packed away in Vue, despite its small size. The official guide provides a gentle learning path and the API is thorough,...
Saved
on: 2018-03-21
Building Vue.js Apps with Parcel ← Alligator.io
Do you have a soft spot for zero-config module bundlers? Tired of configuring webpack? Take a look here at how to build your Vue.js apps with ParcelJS instead!
Saved
on: 2018-03-15
Higher Order Components in Vue.js – bethink PL – Medium
As described in React’s documentation, Higher Order Component is a function which takes as an argument a component and returns newly created component. Returned component is usually augmented with…
Tags:
#vuejs
Saved
on: 2018-02-28
How not to Vue – Anton Kosykh – Medium
Not so long ago, I got a new job. And when I saw the code base for the first time, it terrified me. Here I want to show the things you should avoid in Vue.js applications. There are no reason to pass…
Saved
on: 2018-02-14
Creating a Vue.js Serverless Checkout Form: Setup and Testing | CSS-Tricks
There comes a time in any young app’s life when it will have to monetize. There are a number of ways to become profitable, but accepting cash is a surefire
Saved
on: 2018-02-12
News — Vue.js
Read or listen the latest Vue.js news and discover resources.
Tags:
#vuejs
Saved
on: 2018-02-07
awesome-cheatsheets/frontend/vue.js at master · LeCoupa/awesome-cheatsheets
👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file. - LeCoupa/awesome-cheatsheets
Tags:
#vuejs
Saved
on: 2018-02-04
Jargon-Free Webpack Intro For VueJS Users – Vue.js Developers – Medium
Webpack promises great things for Vue developers. But the range of possibilities of Webpack are also why it’s so intimidating to learn! In this article, you’ll get a gentle introduction to Webpack wit
Saved
on: 2018-01-30
App and API Protection | Datadog
Production visibility and security for your web applications and APIs
Tags:
#vuejs
Saved
on: 2018-01-19
Getting Started With TDD and Vue.js
Getting started with test-driven development, or TDD, is often the hardest part. This article helps you get going with a detailed walkthrough on setting up and writing tests for Vue.js.
Saved
on: 2017-12-26
Simple Asynchronous Infinite Scroll with Vue Watchers ― Scotch
Learn how to use Vue Watchers to check if a user has reached the bottom of a page and trigger infinite scrolling.
Tags:
#vuejs
Saved
on: 2017-11-20
http://meetupfeed.com/recorded-vuejs-talks-last-three-months-vuejs-talks-digest-q3-2017/
Saved
on: 2017-11-04
Vue.JS Top 10 Articles For the Past Month (v.Oct 2017)
For the past month, we’ve ranked nearly 800 Vue articles to pick the Top 10 stories that can help advance your career. (1.2% chance to be pi
Tags:
#vuejs
Saved
on: 2017-10-22
Create a Vuex Store using TypeScript from @alexjoverm on @eggheadio
A Vuex store centralizes the state of your app, making it easy to reason about your state flow.
In this lesson we’ll see how we can create a Vuex stor...
Saved
on: 2017-10-15
Six random issues and their solutions in VueJS. - Stijlbreuk - Medium
@Stijlbreuk, we ❤️ VueJS. We quickly fell in love with it after testing it and comparing it with the usual suspects such as Angular, React, Ember and some unusual suspects such as Mithril and a very…
Tags:
#vuejs
Saved
on: 2017-09-21
Basic Single Page application using Vue.js and Firebase — Part 1
In this tutorial I want to describe how to build a basic scaffold application with Vue.js and Firebase.
Saved
on: 2017-09-13
Vue.js communication Part 1: single component | Christian Gambardella
Tags:
#vuejs
Saved
on: 2017-09-13
A Vue.js introduction for people who know just enough jQuery to get by
By Matt Rothenberg
I’ve had a love-hate relationship with JavaScript for years.
I got to know the language by way of the design and development community’s favorite whipping boy, jQuery. You see, at the time I began learning JavaScript, as a “Designe...
Saved
on: 2017-04-15
intro-to-vuejs/README.md at master · thewhitetulip/intro-to-vuejs
Introduction to VueJS the anti-textbook (work in progress) - thewhitetulip/intro-to-vuejs
Tags:
#vuejs
Saved
on: 2017-03-24
Vue.js Pokemon Battle Tutorial – Medium
What you’re getting into: A very detailed read that goes through the creation of a Pokemon Battle using Vue.js. I try my best not to make assumptions, but there’s a lot of stuff to go through (it…
Saved
on: 2017-02-09