DEV Community: Sanyam Jain

Game Development

Sanyam Jain — Thu, 23 Apr 2020 16:12:45 +0000

There are tons of gaming engines(more than javascript frameworks!)- choice depends on
what devs are comfortable with
features offered by each platform

"It is like choosing a stack for general"

Mostly people now use Unity to develop games
Most of framework target android/ios
Process of game dev is not very different from web dev.
You decide on game genre, features, people to handle these devs/QA.
Difference is, games are very UI & performance critical. No one is going to comeback even if functionality is excellent.
Product manager: looks at game holistically - like a product
Game designer: UI/UX

Based on conversation with a friend who works for a renowned Game company.

Anti-Patterns (Vue, Nuxt)

Sanyam Jain — Wed, 15 Apr 2020 14:44:28 +0000

Don't fetch data inside watch(). Either it will be fetched multiple times or not once, because mostly the values we watch change frequently.

Understanding use of fetch, created, mounted in context of Nuxt

Sanyam Jain — Wed, 15 Apr 2020 14:42:58 +0000

Context: nuxt generate

On initial page load, fetch() will be called once. created() will be called twice(once on server, once on page load)
fetch() is used only to get static data
Before using fetch(), identify which piece of data is static(changes rarely) & which is dynamic(will change frequently).
For example, in the case of a blog, title, blog content are static & comments are dynamic.
fetch has access to both store & data()

Why Google beat Yahoo in the war for the Internet? (Insights about most popular websites)

Sanyam Jain — Mon, 13 Apr 2020 10:11:29 +0000

It is January 2001 - Yahoo receives ~627 million visits per month & Google is no where in the landscape.

Fast forward to June 2005 - Google & Yahoo at 6 billion monthly visits.

Why/How Google beat Yahoo?

I think the reason is Far sightedness. Basis points:

Google takes over in June, 2005. "Google built a broad platform that extends across the entire web by focusing on simplicity and flexibility, while the complexity of Yahoo’s infrastructure may be the reason it ends up as a small part of another business." - https://techcrunch.com/2016/05/22/why-google-beat-yahoo-in-the-war-for-the-internet/. - Because of this google took over in June 2005.
Yahoo took over again in Sep, 2008. But till then google had already bought youtube & android. Google finally takes over in July 2010, with launch of nexus devices.

Other interesting metrics:

Youtube was created in Feb 2005, it took only 1 year to land up on 10 most visited sites(357M). Google bought it in Nov 2006(600M) for $1.6B.
Google bought Android - July 2005(3B)for $50M, launched in 2008. Nexus is launched Jan, 2010.
Facebook took over Myspace in Jan, 2008(1B)
eBay was over Amazon in Oct, 1999 (70M), Amazon over eBay in Feb, 2008(900M)

In order of appearances:

Yahoo: 1996
Amazon: Jan, 1998(8M)
Ebay: March, 1999(25M)
Google: Jan, 2001 (60M)
Wikipedia: Feb, 2004(233M)
Myspace: Oct, 2004(286M)
Youtube: March, 2006 (350M)
Facebook: Jun, 2007 (500M)
Live.com: Jan, 2011(1B)
Twitter: Jan, 2012 (1.2B)
Instagram: Oct, 2013 (1.6B)

Oct 2019 Standings:

Google: 77B
Youtube: 27B
Facebook: 23B
Wiki: 5B
Twitter: 4B
Instagram: 4B
Yahoo: 3B

Image & Data source: https://youtu.be/2Uj1A9AguFs

Interesting tools for Computer Users

Sanyam Jain — Thu, 09 Apr 2020 12:38:38 +0000

Copy Clip(Mac) This is a very important tool, it helps you keep clipboard history.

Improving SEO in nuxt

Sanyam Jain — Thu, 09 Apr 2020 10:08:41 +0000

Nuxt gives amazing SEO options but there are still somethings that developer should be careful of while building a web/mobile app.

Make use of h1 tag. The most important thing of a page should be inside h1 tag.

Interesting tools for Front-End Engineers

Sanyam Jain — Tue, 07 Apr 2020 17:27:36 +0000

Get browser-specific CSS selector hack: http://browserhacks.com/
Test webpage speed: https://www.webpagetest.org/

Caveats while Building Mobile Website using Vue/Nuxt

Sanyam Jain — Tue, 07 Apr 2020 17:26:23 +0000

While building a mobile website, you'll encounter a lot of roadblocks. I'll try to list all of them here, while I learn more about them.

One of the biggest caveats is everything feels slow in android firefox & iOS safari. And the reason for it is that on each click, the browser waits for around ~300ms to know whether it was a single or double click.
Solution & More about it here: https://stackoverflow.com/a/21062165/2963579
URL Bar Resizing - Different vh for a fixed element on a scroll.
Solution & more about it here:
https://dev.to/peiche/100vh-behavior-on-chrome-2hm8
/deep/ property is not fully supported by all browsers.(at least firefox), so avoid using it.
when the user taps on any text, the text is searched on google.
make user-select: none for mobile. (don't do for desktop, as the user won't be able to select anything)
position: sticky behaves very differently in mobile chrome & firefox, avoid using it.
On mobile, v-model="keyword" will not updated until you press space.
https://github.com/vuejs/vue/issues/8231

Ansible-NAS

Sanyam Jain — Mon, 06 Apr 2020 16:32:27 +0000

I was experimenting with FreeNAS when I stumbled upon Ansible-NAS. Ansible-NAS makes it very easy to set up your home media server. I got to learn about lots of new & interesting tools like Portainer, Sonarr because of it.

Why use Ansible-NAS

To make use of your old dusty laptop
To save space on your laptop by downloading things/movies to your old laptop.

Reference:
https://github.com/davestephens/ansible-nas/