Famabara

Vue.js popularity in 2024

dima
1 mo. ago
Let's try to measure the popularity of Vue.JS. I really like this framework and I am a supporter of its popularization.

First, let's look at the download statistics on NPM.
Now vs year ago:
vue - 4,868,119 - 3,746,361
@angular/core - 3,416,382 - 3,015,855
react - 23,763,131 - 20,548,838

As you can see, React is in the first place in absolute values. And VueJS is only in second place.

And now let's look at the percentage growth relative to last year's values.
vue +29,9%
angular +13,3%
react +15,6%
Hurray! Vue's popularity is growing faster than any of the three!
And now let's go through the sites from the top of Google and see what JS frameworks are used there.

For example, let's take the search query "rent car".
To understand which libraries each site uses, I used Wappalyzer browser extension.
Websites from search results; NF means "there is no framework from the big three".
rentalcars.com - NF
enterprise.com - NF
kayak.com - React
avis.com - NF (old AngularJS)
localrent.com - Vue
hertz.com - NF (old BackboneJS)
sixt.com - React
budget.com - NF (old AngularJS)
zipcar.com - NF
turo.com - React
autoeurope.eu - NF
alamo.com - React
rent.toyota.co.jp - NF
booking.com - React
costcotravel.com - React
borent.nl - NF
europcar.com - Vue
turo.com - React
vipcars.com - NF
skyscanner.net - React
tripadvisor.com - NF
timescar-rental.com - NF
klook.com - Vue
wiberrentacar.com - Vue
uber.com - NF
dollar.com - React
edreams.com - Vue
nationalcar.com - NF
thrifty.com - NF

As you can see, Vue is actively moving forward!
+2
28

Syntax highlight in preformatted text

admin
1 mo. ago
Write language name after triple backticks (```) and content of preformatted text will be highlighted.
This is example:
 ``` ts
 let projectName: string|null = null;
 projectName = 'Famabara';
 ```
Of course, you shouldn't start backticks-line with a space.

Golang syntax highlight example:
package main

import "fmt"

func main() {
	fmt.Println("Hello, from Go!")
}

Javascript syntax highlight example:
console.log(2**2**3); // 256
console.log(2**(2**3)); // 256
console.log((2**2)**3); // 65

SQL example:
SELECT p.id, p.title FROM posts p LIMIT 10;

For C++ write "cpp", not "c++".
For C# write "csharp", not "c#"

Famabara uses highlight.js for syntax highlight.
+2
36

Search and tags subscriptions

admin
1 mo. ago
Several useful changes have been added to the site over the past few days.

First, search was added to Famabara. All posts are indexed automatically.

Secondly, users can now subscribe to tags.

Of course, many minor changes have been made to improve the interaction with the site.
+2
29

Quotes in posts and comments

admin
2 mo. ago
Famabara now supports quotes in posts and comments. Write ">" character in the beginning of a new line and this line will become a quote.

Example:

I want to eat 3 pizzas.
No, don't do it!

I want to eat an apple.
And a peach.
That's a good idea!

The text I wrote:
> I want to eat 3 pizzas.
No, don't do it!

> I want to eat an apple.
> And a peach.
That's a good idea!

Stay with Famabara!
+3
41

Preformatted text

admin
2 mo. ago
Famabara supports preformatted text now. You can use it inside posts and comments.

Just write some text between triple backticks "```".
Backticks must be placed in the beginning of a new line.

const years = [2024, 2030, 2050];
for (const year of years) {
  console.log(year);
};
It can be useful when showing some code - all spaces are saved:
<div>
  <div>
    Some text
  </div>
  <div>
    Other text
  </div>
</div>
+2
41

Famabara users now can create polls in posts

admin
3 mo. ago
Good news!
Famabara users now can create polls in posts.
Feature is very nice, let me show it to you.

This is a multiple choice poll:
I like...
This is a one choice poll:
Do you want to sleep?
Moreover, poll have the functionality of right answers.
Here's an example:
Which planet is second from the Sun?
Let's hope this functionality will make posts more interactive and interesting for site Famabara visitors.
+1
45

What technologies does Famabara use?

admin
4 mo. ago
Famabara website uses Nuxt 3 as frontend. I like VueJS very much, that's why Nuxt was chosen.

SSR approach allows to have normal HTML on first page load and fast page switch due to SPA mode.

In backend Famabara uses Postgresql, NodeJS, Redis, Go.
+2
53

What does Famabara mean?

admin
4 mo. ago
Famabara means... nothing :)

I wanted to come up with a pleasant-sounding and at the same time meaningless word.
There is only one Famabara in the world and you are now on it.
+2
61

Famabara languages

admin
4 mo. ago
Famabara currently supports 4 languages: English, Spanish, German and Russian.

The language setting affects the site interface. Also, the language must be specified when creating a post.
+2
67

Famabara is live

admin
4 mo. ago
Two years of development and now I can finally say with joy that Famabara is ready to show itself!

All the minimum required functionality is ready. Posts can be written, comments can be written, everything can be liked, added to favorites, etc.

In the near future, it is planned to implement the ability to create polls in posts.
+2
76