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
Got this screenshot from another channel.

I like how at first I saw React.js 6 years and thought "sure, the first version got released 6 years ago and you should have started using it right away. Yeah, that's what everyone does isn't it? Saw new tech, fully jump on it"

But then I read "react - 4 years" and it kinda got clearer - they just don't have a single fucking clue. No questions then.
I would honestly just go to the interview and say

- you know what, I want to be clear and honest right from the start. I only have 3 years React.js experience and 5 years of React, would that be OK?
Good news.

Seems that you were all also impressed by the job spec I posted.

For those wondering - no, there is no difference between React and React.js apart from spelling. It's the same framework.

But the good news is that I managed to get you a full job description here. Its apparently a US company Tech Era Inc.

What to do with this info now?

I dunno. But I would encourage you to apply. Worst case scenario - you ll get a well paid job and probably become a "Tech Lead CTO React backend engineer" or smth ๐Ÿคทโ€โ™‚๏ธ

Now, since I am getting you into this, I also figured out it makes sense to help you a bit and created a list of statements that you should definitely make when interviewing with them.

1. I am pretty comfortable with React.js, but have barely worked with React. Is it OK?

2. I do fill 5 years of front end dev requirement, is it fine if I also had 6 years of React experience (not like you can do much React backend though)

3. I believe I fit this job, as I had 10 years of React experience. Which is what you need for react.js and react combined.

4. I was actually the guy who created React

5. Could you clarify how can one have 4 years of React and 6 years of JavaScript? Isn't React based on JS?

This should get you up and running.

PS on a serious note, many companies are looking for devs without actually understanding who are they looking for. That's how you end up with this nonsense job descriptions. This should be a red flag for anyone looking for job as you are likely to end up doing everything dev-wise including DB migrations, SEO and devops, which is fine if you like exposure.

The moral of the story is simple: go for smth like this only when desperate for money, if you are looking for something constructed look elsewhere.
I wrote an article

Do you know why I don't do this often?

Because even the simplest, shortest article gets bombarded with hyperlinks. I keep referring to stuff when I write a post ๐Ÿ˜‚

Some like it, some don't, but as a result you end up reading it forever (at least I do).

This one should be fairly quick though. Let's say.. Hmm.

๐Ÿค“ Read Time: 7 minutes

Its on those extreme cases when you want to scroll and filter something in React without touching parent component and using too many external packages.

I counted only 11 external links. Doing a good job here.

PS I know, too much text recently, I'll throw a few design UI UX stuff soon
Was just reviewing some code, this one liner destructuring can be helpful to some. Mind readability though, sometimes it's still better to destruct it separately when it's.. well too nested.

const {foo, bar: {bar1, bar2:{bar3}}} = this.props

Then you can access bar3 right away cuz it's declared already.

This helps you to avoid:
... = this.props
const {bar3} = this.props.bar.bar1.bar2
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.