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
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.
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