Re: "Comparison of JS-frameworks: React, Vue and Hyperapp"

This is a small response article to the publication "Comparison of JS-frameworks: React, Vue and Hyperapp" . In general, I'm not a big fan of such comparisons. However, since we were talking about a marginal framework like Hyperapp, in comparison with mastodons like React and Vue, I thought, why not consider all the same examples on Svelte . So to speak, for the sake of completeness. Moreover, it takes literally 5 minutes. Go!
 
 
Re: "Comparison of JS-frameworks: React, Vue and Hyperapp"
 
"Magically disappearing JS framework" ...
+ 0 -

A simple image editor on VueJS

Recently I got the opportunity to write a service for an online store, which would help to issue an order for printing their photos.
 
 
The service assumed the existence of a "simple" image editor, the creation of which I would like to share. And all because among the abundance of various plug-ins I have not found a suitable functional, in addition, the nuances of CSS transformations, suddenly became a very nontrivial task for me.
 
 
A simple image editor on VueJS
 
here .
 
 
We need two components:
 
 
Edit - will contain the basic ...
+ 0 -

Pagination in Vue.js

Hello, Habr! I present to your attention the translation of the article " .Pagination in Vue.js " By Denny Headrick.
 
 
Pagination increases UX, allowing users to visualize data in small blocks or on pages. Here's the component Vue.js can be done with a breakdown by pages, which will allow us to view only part of our data at a time.
 
 
Pagination in Vue.js
 
Alexander Karelas .
 
 
And our template (template)
 
 

{{p.first}}
{{p.last}}
{{p.suffix}}

 
I want the buttons to work when they only need to. For the button prevPage I will add:
 
: disabled = "pageNumber ...
+ 0 -

Moscow Vue.js Meetup # 2 at Mail.Ru Group

July 5 in the Moscow office Mail.Ru Group will be the second Mitap of the Moscow Vue.js.
 
 
Every day Vue.js is becoming more popular: more developers and companies are betting on this technology. Together with the community, we collected reports and cases that we want to share and discuss. Mitap program and registration - under the cut. Join now!
 
 
Moscow Vue.js Meetup # 2 at Mail.Ru Group
 
is needed. registration . Do not forget your passport or driver's license.
 
 
You can follow the activities of the Moscow Vue.js community at meetup.com .
 
 
Collection of participants ...
+ 0 -

Experience of developing a SPA on VueJS + Nuxt

Our company is mainly engaged in the development of online stores and we want to share our experience developing the project on a bundle of VueJS + Nuxt + Laravel.
 
https://github.com/nuxt/nuxt.js/issues/805 .
 
The problem occurred when we in the asyncData method of our pages did several requisitioning.
 
 
Experience of developing a SPA on VueJS + Nuxt  
 
Fortunately, nuxt developers quickly solved this problem, and at the moment the process consumes about 40mb of memory.
 
 

Interesting problems and their solutions


 
Articles with components
 
In the control panel of the site, it is possible to add articles and insert into ...[/h]
+ 0 -

How I started to love Vue

Introduction
 
How I started to love Vue
 
This post is a logical extension of my post /article - How I stopped loving Angular / How I stopped loving Angular .
 
It is recommended to read before reading.
 
For about a year now, in all the projects I'm involved in, I use Vue instead of Angular.
 
In this post, I will share the main impressions and differences after Angular, and also tell some things from the real experience of using Vue on combat projects.
conditioned = pain
 
 
Forms ...
+ 0 -

How to make Vue.js and Electron work together

How to make Vue.js and Electron work together
 
Introduction
 
On the wave of popularity (I hope that they are popular) Vue.js and Electron , a reasonable question arises, and how to make them work together. In this tutorial, I'll show you how to quickly install and configure a template for developing applications on Electron and Vue.js. And so proceed.
 
That we need
 
 

yarn
- batch manager, analog npm . I chose yarn, because I just like this tool, however you can use npm as well. How to install yarn 3rd3r3323. , and npm
tuta
;
 

vue-cli
...
+ 0 -

We make up the flex-calendar

It's 201? the fashionable boys have long been on the grid, and I'm all sitting on the third bootstrap with
col-md
kokeryyachus, glancing at the fourth glance.
 
I decided that this is not the case, and it's worth a bit of knowledge to refresh, but at
grid
kind of like support is still limping, but
flex
technology even irons support.
 
So I decided to master it. And the process of mastering with you will share. In general, we will make a calendar for the whole year.
The sample code is available at .It's 201? the fashionable boys have long been on the grid, and I'm all sitting on the third bootstrap withcol-mdkokeryyachus, glancing at the fourth glance. I decided that this is not the case, and it's worth a bit of knowledge to refresh, but atgridkind of like support is still limping, butflextechnology even irons support. So I decided to master it. And the process of mastering with you will share. In general, we will make a calendar for the whole year. The sample code is available at ...
+ 0 -

4 tips for working with Vue.js

Here are some tips for working with Vue.js that I developed over the past year.
 
1.) Use the arrow functions in the components
 
ES6 gave us a new way to declare functions with convenient binding of the current scope. When using the old method, this may not refer to what you expect.
 
For example:
Single-File Components (.vue) is one of my favorite features in Vue.js
 
They allow us to define reusable templates and parts of our application and re-use them. But to use them you need the necessary tools of assembly.
 
(note: this is already set up and ready to work in the console utility ...
+ 0 -

Vue.js and how to understand it

In my work, I had to deal with the Vue.js framework relatively recently. Before that, I was mainly engaged in backend development, I had to understand many things and it was a lot of complicated to understand, especially when I used only jQuery before. In the framework of this article, I want to help my reader understand the problems in understanding that I have faced. Of course, the problems at the stage of learning something new all have different, but not a few of those with whom they will be similar, this is the focus of this article.
 
...
+ 0 -