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
Hm, did we get too many posts recently in the channel?
Anonymous Poll
13%
Too many. I liked it when it was quite.
34%
Just about right
32%
Mooooore!!
20%
See results
This media is not supported in your browser
VIEW IN TELEGRAM
I think you can't go any further in smoothing your responsiveness today.
That's an interesting one for anyone working with UX

https://growth.design/psychology/

And I believe that should be every single web dev
​​Fluent UI

Apparently Microsoft also has its own UI framework for the web.

I looked at it and it was good to see so many different components by default.

But something deep inside was telling me "no, don't even think about giving it a try. Remember the golden rule of designers from 2020: do like Apple, don't do like Microsoft".

Somehow the Windows-ish styling is just not my thing after all.

And then I also accessed their UI page on mobile πŸ˜πŸ€¦β€β™‚

You can also check how it looks if you brave enough - here

And then you can check bulma.io, material-ui.com and even ant.design and check whether they cared about responsiveness (spolier: they did)
Microsoft ❀️ Linux

You know, if I had a time machine and shown this photo to someone from 2005, they'd probably think I photoshoped it πŸ˜‚

But, Microsoft changed over years and admitted they were wrong before. Now pushing more in open source with vscode, github, npm, Linux on Windows etc. Even aforementioned Fluent UI - you can see they are trying πŸ˜‚ and that's well done. Even though we will still criticize them to make them better.
This one πŸ”₯

Although that's something that didn't happen today, but you can still see the road path they chose (and are still on track).

Thanks to @PerspectiveIX who shared it here

And yeah, you probably heard this before, but if you not yet subscribed to perspectiveIX, you are missing out!

I don't often encourage too much to join other channels, but this one is a great exception, which I actually have in my Daily folder in telegram (yea, you can do it).
Turns out the guy who created Bulma has a personal website with some interesting stuff

https://jgthms.com/

PS futurama is a must
PPS thanks to @SrZorro for sharing
Which way do you import stuff more often ?
(just an example below)
Anonymous Poll
15%
import * as React from 'react'
58%
import React, {Component} from 'react'
26%
see results
The psychology of choice or why giving less options for your users is better for UX.

Not too sure Adobe read it.
​​Antd UI

I got quite used to this UI library that I use on a daily basis now - ant design

Turns out, it has much more sophisticated work behind it like Animation, own charts library (AntV), Sketch plugins, tons of well written documentation (sometimes in Chinese though), integrations with Vue, React, TS/JS and generally quite slick designπŸ”₯

The morale, if you are looking for something new to try, this one is clearly worth your time.
So, as you see the spread of answers is quite interesting. And in fact the very reason I posted this poll is that this topic has some contradictory opinions.

Well, let me share mine thenπŸ˜‚

"Web Developer = Full-Stack Developer"?

Short answer: no. And to avoid getting into another holywar, think of fullstack devs who work on mobile / desktop apps. They are fullstack devs, but not Web devs.

Long answer: I believe it depends on who is asking the question. If its coming from a Dev then read short answer and make a discussion out of it. If it's coming from your friend who can barely use laptop, then just tell them "YES, it's the same" . This will save you quite some time. Otherwise you will have to explain what's frontend, backend, fullstack why such split happened, why nowadays Web dev can develop mobile apps, why and how responsive websites are not mobile apps, although with PWA they are heading there etc. Well, you get the idea.
This media is not supported in your browser
VIEW IN TELEGRAM
A huge list of useful React hooks for pretty much anything you might need (battery level, geolocation, device's motion sensor and many more)

https://github.com/streamich/react-use
This media is not supported in your browser
VIEW IN TELEGRAM
A nice and long list of JS interview questions with answers (in multiple languages)

https://github.com/lydiahallie/javascript-questions#readme
❀1
Above link should work if github stays stable (and not like this morning πŸ€·β€β™‚)
Tell me more about responsivenessπŸ˜‚

If you are into reading comments on what people think of this - https://mobile.twitter.com/kvlly/status/1277736942646542336

If instead you want to share yours, go in our discuss group and share your thoughts on how this is not the best way to handle media queries
Something useful if you want to transition from React to React Native

A deep area that I am finally getting into properly

https://hackernoon.com/transitioning-from-react-web-to-react-native-development-c8e6df57a92e