Bookmarks tagged with #vuejs.
Show all
Show all
25 Vue Tips You Need to Know - DEV Community
Learning to be a better Vue developer isn't always about the big concepts that take time and effort to master. It's also about the short tips and tricks that can make your life a whole lot easier — without a whole lot of work.
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.
Saved
on: 2021-03-26
Learn Vue 3 in this Introduction to Vue.js Course by Core Vue Team Member,
Get started quickly with the Vue.js JavaScript framework. You’ll learn how to build reusable components and make them flexible with props, lifecycles, and slots. Use directives to build functionality with markup and learn to make your own custom directives.
Tags:
#vuejs
Saved
on: 2020-10-22
Headless CMS with Nuxt and Git submodules
Nuxt Content module is fantastic, but it requires content to be in the same project with our codebase. Can we keep the content away from the code, or have it managed privately? And what's the role of the Git submodule in this case? Let's find out.
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. XState is a JavaScript state machine implementation created by Microsoft engineer David Khourshid.
Saved
on: 2020-02-27
Data Fetching using Vue Hooks | Darren Jennings
Data fetching in an app can be a bit convoluted. If you're making XHR requests, you might see low latency from your high speed network connection or your low latency local network. You can emulate network conditions, but optimizing for speed can be an afterthought.
Saved
on: 2020-02-12
Vue Screencasts - Learn VueJS through video tutorials
VueScreencasts VueScreencasts.com Concise Screencasts for Working Developers Watch 200+ Videos "Short, precise, step-by-step, beginner-friendly and clear." —Naty Java "At 14:22...
Saved
on: 2020-02-01
TahaSh/vue-forum-app: The frontend of an example fullstack app built using
This repo demonstrates almost everything you need to know to build a complete fullstack application using Vue and Node/Express. This demo covers things like: I'm here assuming that the backend will run on localhost:5000.
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... http://bit.ly/2DBe1i4 http://bit.ly/2MFl23s
Tags:
#vuejs
Saved
on: 2019-12-06
Dependency Injection in Vue.js with Functional Component Factories - Markus
If you are a regular reader of my blog, you may have noticed that many of my articles are about decoupling components from dependencies. Over the past few months, I have written a few articles on this subject.
Tags:
#vuejs
Saved
on: 2019-09-30
Data Provider component in Vue.js
By using component-based technologies such as Vue.js, doesn’t mean that all components must be UI based. In fact, my favourite way to apply advanced reusability in large applications is by using component composition.
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).
Tags:
#vuejs
Saved
on: 2019-09-17
Vue File Agent
Every file deserves to be treated equally High performant Vue file upload component with elegant and distinguishable previews for every file type and support for drag and drop, validations, default uploader with progress support and externally customizable in the “vue way” Sponsors Become a Sp
Saved
on: 2019-09-13
The Story of NuxtPress
TL;DR: NuxtPress v0.0.1-beta is out. This blog is built with it. Its own documentation is built with it. Check out some examples. It is still beta and needs more testing. Please file bugs and feature requests if you try it. Read on for a lot more details.
Saved
on: 2019-08-20
How to load dynamic images in Vue and Nuxt with ease | blog.Lichter.io
Importing images from the assets folder when the path is static is not that difficult in both frameworks, Vue and Nuxt.js. But loading images with dynamic paths often confuses developers that are fairly new to one of these frameworks.
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 we can get and all the mistakes we can make in 45 min to creating a functional application with routing, server side rendering, animations,
Saved
on: 2019-07-24
Intro to VuePress 1.x – ULIVZ – Medium
TL;DR: This post is a speech reinterpretation of the same name given to me on 3th VueConf Shanghai on June 8th, 2019, you can click this link to get the full slides. Since April 2018, with the hard work of the maintainers, VuePress, a static website generator launched by Vue.
Tags:
#vuejs
Saved
on: 2019-06-11
HTML5 Aided Vue.js form validation
There are many great tools out there for form validation, being a creator of one I was wondering if we can get away with something simple. Form validation is a complex topic to nail down, but it depends on the size of your project and if there are complex validations required.
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 though—correct usage requires care, and just the right configuration.
Saved
on: 2019-05-09
VueConf US 2019 | Vue Mastery
Vue Mastery is the sole destination for VueConf US 2019 conference videos.
Saved
on: 2019-04-30
VueDay 2019 schedule - Joind.in
List Grid All sessions Starred only Title Title & Description
Saved
on: 2019-04-16
Server-side apps with client-side rendering - Jonathan Reinink
My primary goal with this article isn't to compare these two approaches. If you're interested in learning more about each approach (and others), I highly recommend this article by Jason Miller and Addy Osmani from Google.
Saved
on: 2019-02-12
Rebuilding My Blog in Vue: Part 1
Tech is based on content creators and knowledge sharing. While this post isn't about creating content, the platform that you use to write and host that content is still very important.
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 area of software development where I feel mostly useless and unproductive.
Saved
on: 2018-12-12
[SymfonyCon slides] Progressively enhance your Symfony 4 app using Vue, API Platform, Mercure and Panther
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.
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. Ionic lets web developers build, test, and deploy cross-platform hybrid mobile apps.
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 get started with Nuxt.js!
Saved
on: 2018-11-16
Making a large scale app with vue.js (part 1): modularize your store!
First, I apologize if my language is sometimes poor, I’m french and I don’t natively speak English. Recently I reacted about an article from Anthony Gore: Is Vue.
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 (SSR). Even if you are not using a framework like Nuxt.js or an SSR-plugin, it is important to know how to write universal components, or to put it simply, components that can be interpreted from the server and the client.
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
If you want to read it in pt-BR, check it out here. This is a sample vue.js project using TDD. Contribute to kuroski/article-tdd-vue development by creating an account on…
Saved
on: 2018-10-17
Unit Test Your First Vue.js Component
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 components. Yet, there’s one crucial point you need to build bulletproof components you can use in production: unit testing.
Saved
on: 2018-10-10
Tips for building lighter and more performant Vue.js SPA
Building Single Page Apps is quite common these days. Frontend frameworks come with tools and boilerplates that scaffold starter projects which are most of the time Single Page apps.
Saved
on: 2018-10-10
Eagle.js - A slideshow framework for hackers
Most of all, eagle.js aims at offering a simple and very hackable API so you can get off the beaten tracks and craft the slideshows you really want. If you are not familiar with Vue.js you will find eagle.js harder to use than, say, Reveal.js, but on the long term eagle.
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
Thanks to Vue's reactivity model, it's really easy to roll your own form validations. This can be done with a simple method call on the form submit, or a computed property evaluating input data on each change.
Tags:
#vuejs
Saved
on: 2018-09-05
Building a single-page application with Symfony 4, Vue.js, Vue Router, Vuex
With Symfony, I used to build my web applications in a traditional way: the framework handles everything, from the routing to the page rendering. However nowadays web applications have complex user interactions and the previous approach does not fit well for such cases.
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. The developers designed the new version with a plugin architecture in mind from day one.
Tags:
#vuejs
Saved
on: 2018-08-23
Practical Use of Vue.js Scoped Slots | Netguru Blog on Frontend
There are situations when you want the template inside the slot to be able to access data from the child component that is responsible for rendering the slot content. This is particularly useful when you need freedom in creating custom templates that use the child component's data properties.
Tags:
#vuejs
Saved
on: 2018-08-23
I created the exact same app in React and Vue. Here are the differences.
Having used Vue at work, I had a fairly solid understanding of it. I was, however, curious to know what the grass was like on the other side of the fence — the grass in this scenario being React.
Saved
on: 2018-07-29
vue-patterns
Useful Vue patterns, techniques, tips and tricks and helpful curated links.
Saved
on: 2018-07-04
Creating Time Tracking System in PHP Symfony and Vue
www.cloudways.com is using a security service for protection against online attacks. This process is automatic. You will be redirected once the validation is complete.
Saved
on: 2018-07-02
How to build a real-time editable data table in Vue.js
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 easily add a data table to your application.
Tags:
#vuejs
Saved
on: 2018-06-27
Delegating HTML links to vue-router
When you are dealing with dynamic or user generated content in a Vue.js application, you might want vue-router to handle internal HTML links. Links that are not implemented via <router-link> will trigger a full page reload.
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, providing the best user experience. They can be installed on your smartphone if the browser supports it, feeling like a native app.
Saved
on: 2018-06-07
Vue <3 GraphQL
TL;DR: I made dis: https://vuex-orm.github.io/vuex-orm-graphql/ This is my first article on dev.to and I want to use this to share my current open source project with this amazing community :) The GraphQL Plugin for Vuex-ORM and this article is powered by the Germany based i22 Digitalagentur GmbH.
Saved
on: 2018-05-29
Vue.js
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 framework; rather these are the important design decisions that Vue.js team had taken from time to time.
Tags:
#vuejs
Saved
on: 2018-05-23
Serverless-Side Rendering With AWS Lambda & NuxtJS
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. This Serverless plugin automates the process of adding binary files support in API Gateway.
Saved
on: 2018-05-02
Leveraging Render Props in Vue
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, helps to solve this issue. So what are render props?
Tags:
#vuejs
Saved
on: 2018-04-11
Integrating Apollo with Vue and Vuex
My previous article discussed how to setup a simple GraphQL server and query it from a Vue frontend. For my personal projects, I believe this is adequate, however a more common solution in complex, production applications is a framework to bring some structure and extra features to your stack.
Saved
on: 2018-04-11
Beyond Html with Vue by Eduardo San Martin Morote
Author of VueFire 2, VuexFire, VueMotion, ...
Tags:
#vuejs
Saved
on: 2018-03-29
Exploring Zero Configuration With Vue
Vue.js is a versatile and approachable framework for building modern JavaScript applications. You can start out by simply adding a script tag with some vanilla JS. Or you can go all-in and create a modern JavaScript application with all the trimmings using a build system such as Webpack.
Saved
on: 2018-03-28
Vue CLI 3: A Game Changer For Frontend Development
Vue creator Evan You's recent conference keynote didn't mention much about new features for Vue, instead he focused almost entirely on Vue CLI 3.
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?
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, but new features are added all the time and it’s easy to miss small, but significant updates that could change the way you write Vue apps.
Saved
on: 2018-03-21
Introduction — Vue.js
How is the cookbook different from the guide? Why is this necessary? Greater Focus: In the guide, we’re essentially telling a story. Each section builds on and assumes knowledge from each previous section. In the cookbook, each recipe can and should stand on its own.
Saved
on: 2018-03-20
Building Vue.js Apps with Parcel ← Alligator.io
The canonical way to build & bundle a Vue.js application is with webpack, and indeed, pretty much everything Vue-related assumes that you’ll be using webpack. However, you don’t have to. You could use Vue.js without build tooling, or you could use an alternative module bundler.
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 features provided by HOC (Higher Order Component).
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 static properties to data and especially in computed.
Saved
on: 2018-02-14
Creating a Vue.js Serverless Checkout Form: Setup and Testing | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! 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 way to make this more direct.
Saved
on: 2018-02-12
News — Vue.js
Great news! Vue v3.1.0-beta has been released with a set of new features and bug fixes, including the onServerPrefetch lifecycle hook! But that’s not all, because v3.1 comes with the thing we all have been looking forward to for months.
Tags:
#vuejs
Saved
on: 2018-02-07
LeCoupa/awesome-cheatsheets
WEBSITE DIRECTORY: Available here. 📚 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
Tags:
#vuejs
Saved
on: 2018-02-04
Jargon-Free Webpack Intro For VueJS Users – Vue.js Developers – Medium
For many developers, Vue.js is the first front-end JavaScript framework they’ve learnt. If that’s true for you, you probably haven’t had a reason to learn Webpack yet.
Saved
on: 2018-01-30
Authentication Best Practices for Vue
Whenever you start to get serious with a project, you will most likely face the issues of how to handle client-side token-based authentication. This article will walk you through these questions and try to illustrate with clear code and good practices in mind.
Tags:
#vuejs
Saved
on: 2018-01-19
Getting Started With TDD and Vue.js
Oftentimes, the hardest part of using test-driven development, or TDD, is getting started.
Saved
on: 2017-12-26
Simple Asynchronous Infinite Scroll with Vue Watchers ― Scotch
Infinite Scroll is a UX pattern that suggests showing users few contents on page or app load. More contents are then loaded once the user starts scrolling down the page. These contents are loaded asynchrounously by making request to the server responsible for providing the content.
Tags:
#vuejs
Saved
on: 2017-11-20
Create a Vuex Store using TypeScript from @alexjoverm on @eggheadio
Here we have a component that shows a list of to-dos. This component has this type of to-dos locally, and we are going to move it to a store. For that, let's install Veux on this class. Then we are going to create a store folder with an index file.
Saved
on: 2017-10-15
Six random issues and their solutions in VueJS.
@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 nice compact Vue-like library: RivetsJS. For us Vue came out the winner. It just felt good.
Tags:
#vuejs
Saved
on: 2017-09-21
Basic Single Page application using Vue.js and Firebase — Part 1
This tutorial is not for complete beginners. The main prerequisite is knowledge of ES6 and at least basic knowledge of Vue.js. Having said that, any experience with front-end frameworks like React or Angular probably be sufficient. So let’s get started! Now we are ready to start the project.
Saved
on: 2017-09-13
Vue.js communication Part 1: single component | Christian Gambardella
Tags:
#vuejs
Saved
on: 2017-09-13
Learning Vue - CSS-Tricks
If I was going to sum up my experiences with Vue in a sentence, I’d probably say something like “it’s just so reasonable” or “It gives me the tools I want when I want them, and never gets in my way”. Again and again when learning Vue, I smiled to myself. It just made sense, elegantly.
Saved
on: 2017-06-20
thewhitetulip/intro-to-vuejs
VueJS is a progressive framework to build dynamic apps. It is the View layer in the traditional MVC framework. Along with supporting libraries, Vue can be used to write Single Page Apps which are dynamic websites where page refresh is not required. Vue is simple to use and supports Web Components.
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 took me 15 hours just to write this post). If you want to learn more about the basics of Vue.
Saved
on: 2017-02-09