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
What the fuck is

Apparently Dan has its own nicely-named service where he describes some useful concepts

I suggest you go with memoisation first
Turns out Netflix series "How to sell drugs online" use actual Vue.js code.
TheFrontEndπŸ”₯
Web Forms It amazes me how in 2020 creating smart forms with decent validation, user feedback, loading states for async api calls is still not a breeze. Sure, you ve got Formik, Redux-form and what not, but linking it with some UI libraries still feels like…
Web Forms 2.0

Sorry, but I'll keep complaining about forms. Maybe cuz due to the nature of my work thats one of the central points in our apps (both Web & Mobile). There is always something users need to fill that we want to track.

Quite often is nested in a way like you get a form than inside it there is another dynamic form that can be as lengthy as the user wants. A few months ago, I've noticed that e.g. Validate.js is absolutely terrible in validating nested forms within the redux form context. Add on top that UI lib that we used (Antd) which has its own forms that pushed us to creating all sort of adaptors for Redux Form vs Antd Forms so they all function correctly without breaking overall FE architecture.

Point being, I am getting closer to thinking that maybe my own HOC based implementation of forms wouldnt sound too bad.

#triggered
​​What's interesting guys, is that it looks like I'm not the only one disliking forms & the state where they are at in 2020.

A few days ago I got approached by the team that attempts to solve typical forms management nightmare and even let you get integrated user tracking into it, to see what is broken in your form from UX perspective.

If the user spends too much time on your forms you can clearly say it needs improvement.

Guys from mightyforms are tackling this issue with their own solution, which looks quite good and they deserve some kudos I think.

Looks like that's the one to give a shot (especially since there is a free tier)πŸ”₯

Have a looksie: https://wordpress.org/plugins/mightyforms/
This media is not supported in your browser
VIEW IN TELEGRAM
An amazing article on how frontend devs end up with higher responsibility nowadays

A good quote that I want to capture here from the article:

Being a front-end developer puts us on the front lines between the thing we’re building and the people we’re building it for, and that’s a place some of us really enjoy being.

πŸ˜ŽπŸ€“ Read Time: 16 min
This media is not supported in your browser
VIEW IN TELEGRAM
Getting into a posh car UX

Tell me that UX is only about dev after that πŸ˜‚
Was so close to become a millionaire once again. Ah well πŸ€·β€β™‚

For anyone who wants to promote something, please do note that if it's irrelevant to the channel's main content, don't bother. I don't do this for money and even casino ad for 350$ will still be a no.

I am subscribed to some of the channels myself where I see a lot of ads with 100500 subscribe buttons and it massively downgrades the channel's quality imho.

If you developed an interesting app, designed smth nice or have a useful tool to share with the community - it's a different story.
App icon UI

Think different πŸ˜‚
This media is not supported in your browser
VIEW IN TELEGRAM
Got my access to github codespace now that allow you to have vscode experience in Web by running your repo container in the cloud

Reeealy handy, especially for some quick fixes or when you don't have access to your main machine πŸ”₯

https://github.com/features/codespaces
Talking about github, this boys got an interesting idea if you are a fan πŸ˜‚

https://gitmerch.com/
This media is not supported in your browser
VIEW IN TELEGRAM
Vuesax

I need to make a confession. I'm so much in love with what guys from vuesax did in respect to UI and style.

Was even googling if something like this exists for React (if you know - definitely share)

The way they design their components is a masterpiece. Especially for the dark theme. Every component is well thought and functional.

Nicely animated checkboxes, all sort of styling for buttons, cool tables, great modals you name it.

After spending quite some time with material, ios, Bulma, Antd & bootstrap - vuesax feels like a breath of fresh air.

I think it's time for me to give Vue another go after so many years with React.

https://vuesax.com/docs/components/#default
Trick for those who hate curly brackets

Did you know? Have you used it in prod? Would you? πŸ˜„
This media is not supported in your browser
VIEW IN TELEGRAM
I don't know if you are into this kind of things, but I remember spending a day in PS to achieve smth you can do in 2 clicks with their new neural filters

Magic, nothing else πŸ€·β€β™‚
"javascript, also known as java for short"
Have you heard about Serverspace.us ? πŸ€”

Cloud works on innovative hyperconverged vStack platform based on superior Open Source technologies. πŸ€“

Lightweight bhyve hypervisor and OS FreeBSD with simplified codebase help build new generation virtual machines.

Features:
β€’ Easiest sign-up - only thing that you need is email πŸ‘
β€’ Windows & Linux OS 🀝
β€’ Custom configurations. You can choose the number of processor cores, the size of RAM, disk storage, bandwidth for each cloud server and change it anytime βš™οΈ
β€’ Based on the latest 2nd Gen Intel Scalable CPUs with 3.1 GHz frequency 🦾
β€’ Fast-speed SSD's with awesome IOPS rate ⚑️
β€’ Π‘reate & Spin up in 40 seconds βŒ›οΈ
β€’ 24/7/365 Tech Human Support πŸ”§
β€’ No fixed plans. Charges every 10 minutes πŸ“ˆ

* You can use coupon code: thefrontend and you will get 100% off the first payment. πŸ’°

https://bit.ly/2TubKwU
JS in 14 minutes?

If you are just starting - you might like it

πŸ”—Link
πŸ•’ Time: 14 min
Virtual Keyboard

Oh well, next time we speak you all probably gonna have your virtual office set ups ready

https://youtu.be/krnuV72-b7s
CODEPUSH

After getting into mobile app development, codepush was something that grabbed my attention right from the start, so much that I ended up setting it in our company and writing a tutorial on how to use it.

This saves us so much time & hassle when it comes to releasing an update. Now, instead of pushing new app to the store and waiting Apple / Google reviews, we push it to the appcenter and our users get it automatically.

As a bonus, appcenter also gives analytics and crash reports (although not as elaborate as bugsnag).

If you are working with mobile apps and (somehow) never used it - it's a must.

https://appcenter.ms/