TheFrontEndπŸ”₯
10.8K subscribers
275 photos
56 videos
8 files
532 links
πŸ“ Articles
πŸ—ž News
πŸ‘“ Tutorials
πŸ€” UI/UX thoughts

on front endπŸ’‘ mobileπŸ“± and web dev πŸ–₯

Admin: @masant1
Download Telegram
An attempt to make a CV as a AOE styled game.
This media is not supported in your browser
VIEW IN TELEGRAM
Most common mistakes when using promises in JS

https://dev.to/mpodlasin/3-most-common-mistakes-when-using-promises-in-javascript-oab

PS don't trust people who promise you a fortune in a month. That's hard work only (or inheritance).
​​Alright, so for that idea validation, it looks like some of you would give it a go.

Here is a small personal story I wanted to share (we don't do personal stories here too often, so could be a nice addition)

In 2016 we had a startup in progress with a few devs, the idea as you already understood was around getting to track gym's crowdness.

We got all the prototypes done, started to go around Central London talking with PTs and gyms to adapt it there. The feedback was generally quite positive - gyms were willing to try it out for free and give us feedback to pivot if needed.

And just before we started to develop MVP, Google released a feature that shows how many people are currently in the Gym. Something they already had for cafes and restaurants. All the stats were in, sometimes even Live Data.

For Google that's a trivial feature by just counting how many gmaps or android phones are active within that spot on the map. So trivial, it would come as a free feature and Google wouldn't earn anything from it directly.

Fine, Google won

We didn't proceed. For most users getting abstract and not-so-accurate indicator is enough to decide on when to go to the gym.

4 Years Later

Coronavirus came in. And it all changed as you know. Businesses (those who survived) became more digitalised and even my local gym (thegym) a few weeks ago reopened after lockdown with a new feature in their app - track how many people are currently in.

You see, to get inside members input their pin numbers. Easy to track and easy to show it it to other members.

Obviously in 2016, no one thought that something like that might happen and this tracking-app might get a second chance with all that social distancing etc.

Now that people are consigned with the virus, getting into a crowded gym is even less preferable.

Lessons learnt

1. Big Corp. can easily do something you ve been thinking about and sometimes it's not even worth trying to compete with them (unless you are Revolut fighting banking)

2. Startup ideas can get useful in a very distant future when society changes (and can be barely used nowadays)

3. Some gym owners told us that gyms wouldn't pay for that, cuz all they care is number of memberships and providing visibility migh not be like something they want to do.
What Google started to do with gyms in London at some point in 2016.
Cool dark themed UI πŸ”₯
TheFrontEndπŸ”₯
Oh my πŸ”₯ Whoever did this, did it very well. https://go.pioneer.com/cornrevolution#
This one, by the way, is something you can do with https://threejs.org/

That link has other examples. If you give it a go, please share your experience in our discuss group.
This media is not supported in your browser
VIEW IN TELEGRAM
Startups

If you are like me, then you treat all the development skills not as just something random, but rather like something that you can use to build useful stuff (or at least try πŸ˜‚).

YC guys collated a huge list of all the useful resources all the way from 2005 on how to succeed in building your startup.

https://www.ycombinator.com/library
If you (unlikely) haven't heard how game devs are not happy with Apple's 30% commission & strong ios monopolical control makes game studios cry, this articles gives you an interesting perspective on how Epic Games recently decided to fight back.

Interestingly, Epic Games doesn't even consider Google evil since it allows app installation from outside the store.

PS after doing a bit of mobile development, I can say that prod-testing on Apple with its testflight and all is also not cool, especially when on android you can just make an apk build

πŸ”Ž Read time: 8 min
πŸ”— *Link*
Recoil js

Some people say they get annoyed when something new comes in the JS world.

I personally wait till it get more or less oftenly used in the market and jump on it myself to try.

Recoil is one of those on my list to replace Redux or even Hooks.

Doesn't look as performant as Mobx, but apparently easier to introduce to your project (especially if you are good with Hooks)

https://dev.to/chandan/recoil-vs-redux-the-ultimate-react-state-management-face-off-35b#:~:text=In%20redux%2C%20actions%20are%20fired,shared%20atom%20state%20using%20selectors.

(^Well, that's a nasty long url)
On a side note, if you are into some lofi music while coding, I am listening to this one for the whole day and it goes quite well. Non disruptive and allows to focus.

Even got back my free Spotify account 🎢

Lofi coders

And since I'm on it this YouTube never ending playlist is also great.

And my classical choice for coding background music is Playlist from Tron Legacy
This media is not supported in your browser
VIEW IN TELEGRAM
Looks like we got to 10k

Thank you everyone for interest and unconditional support from those who help others in our discussion group 🍾

PS also apparently if you send πŸ”₯ it gets animated now
This media is not supported in your browser
VIEW IN TELEGRAM
I would just place this one as a prank for something like "keep me authorised" πŸ˜‚

You can check it yourself
https://codepen.io/jh3y/full/LYNZwGm
This media is not supported in your browser
VIEW IN TELEGRAM
After a few UI/UX posts, I need to go a bit technical to make a confession - I don't like Redux.

Honestly, even my own implementation with Hooks always seemed more straightforward.

I also probably need to make a note that I dislike everything that forces me to write more code than I need to (it started with php. I know, I know, you don't have to unsubscribe because of this).

For anyone feeling the same, Redux-toolkit is something humanity came up with to reduce the pain. In case, you didn't know.

https://redux-toolkit.js.org/

(and there is also Mobx)
What stack do you use
Anonymous Poll
25%
LAMP
5%
LEMP
45%
MERN
9%
MEVN
16%
MEAN
This media is not supported in your browser
VIEW IN TELEGRAM
How to CSS in React

Another great article from one of my favourite React-evangelist.

www.robinwieruch.de/react-css-styling

Covers all:

πŸ”₯CSS in CSS (e.g. Sass)
πŸ”₯CSS in JS (e.g. Styled-components)
πŸ”₯Utility-first (e.g. Tailwind)

And since we are entering a hugely opinionated area here, I am gonna throw a holywar trigger and tell you that: although I'm using Sass at work, I am in absolute love with Styled-components, if approached properly, the readability of your code is sooo good.

On the other hand, Tailwind, although with a clear purpose, seems to be the most ugly when it comes to readibility. The whole purpose of separate files for styling was to avoid having them in you main component (and not throw them inside your component as a never ending style lineπŸ€·β€β™‚)