We are preparing the perfect CSS

Hi Habr! 3r3r1292.  3r? 31308. 3r3r1292.  3r? 31308. Not so long ago, I realized that working with CSS in all my applications is a pain for the developer and the user. 3r3r1292.  3r? 31308. 3r3r1292.  3r? 31308. Under the cut are my problems, a bunch of strange code and pitfalls on the way to the correct work with styles. 3r3r1292.  3r? 31308. 3r3r1292.  3r? 31308. 3r31285. We are preparing the perfect CSS online minifiers :
 3r? 31308. 3r3r1292.  3r? 31308. 3r31211. 3r31097. .component1__title {color: red}
.component2__title {color: green}
.component2__title_red {color: red}
3r31257. 3r31258. 3r3r1292.  3r? 31308. Why he could not? ...
+ 0 -

Thrift as a REST API

 
3r3-31. A small article about how we are faced with the problems of synchronization between teams of client and server development. How we connected Thrift in order to simplify the interaction between our teams.
 
Who cares how we did it, and what "side" effects we caught, please look under the cat.
 
 

Prehistory


 
In early 201? when we started a new project, we chose EmberJS as the front end. That almost automatically led us to work on the REST scheme in organizing the interaction of the client and server side of the application. Since 3r314. EmberData
provides a convenient tool for separating ...[/h]
+ 0 -

How to connect Java, Js and graphs with art, or the story of how to create an interactive theater

How to connect Java, Js and graphs with art, or the story of how to create an interactive theater 3r33434. 3r3-31. This year in Estonia there is a series of theatrical performances, united in the series “History of the Century”. During the year, 22 theaters in the country presented to the public in their performances the centenary history of Estonia. In the course of the draw, the Russian Theater of Estonia was given the topic of the future of Estonia. 3r33411.  3r33434. 3r33411.  3r33434. 3r33333. 3r33333. 3r33333.
+ 0 -

SSR: when, why and for what. The example of Vue

SSR: when, why and for what. The example of Vue  
 
Once upon a time A few years ago, when I first started working on the Java Web, we worked with JSP. The entire page was generated on the server and sent to the client. But then the question arose that the answer comes too long
basic templates , you can set any of them using the command:
 
 
$ vue init

 
By default, the started-template is suggested, and we'll take it for our example. Although in the real application we chose express-template. We call the project uncomplicated:
 
 
$ vue init nuxt-community /starter-template habr-nuxt-example
$ cd habr-nuxt-example
$ ...
+ 0 -

How to organize your dependencies in Vue-application

Everyone who is familiar with Vue knows that the Vue application has one entry point - file main.js . There, in addition to creating an instance of Vue, there is an import and a kind of Dependency Injection of all your global dependencies (directives, components, plug-ins). The larger the project, the more dependencies become, which, moreover, each have their own configuration. As a result, we get one huge file with all the configurations.
 
This article will discuss how to organize global dependencies to avoid this.
 
 
How to organize your dependencies in Vue-application ...
+ 0 -

Mastering Vuex - from scratch to the hero

Hello, Habr! I bring to your attention the translation of article "Mastering Vuex - Zero to Hero" author Sanath Kumar.
 
The official Vuex documentation defines it as state control pattern + library for applications Vue.js. But what does it mean? What is a state management pattern?
 
Imagine that you are working on a large web application with hundreds of routes and components. Would not it be easier if we could store all the data that we will ever need in an application, in one centralized repository?
 
Mastering Vuex - from scratch to the hero
 
Each c...
+ 0 -

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 -