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
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/
This media is not supported in your browser
VIEW IN TELEGRAM
Google's security

So here is an interesting finding of mine. Recently I released an app on ios and android. Long story short, Google found some security vulnerability when reviewing our app. Nothing serious, just some old package not complying with latest android version. But yes, vulnerability in a sense that it can be hacked.

Google told us to fix it by the end of 2020. We fixed it the same week, but our app got released with that vulnerability in one of the versions.

Now, the closest thing that I found publicly available from. Google to scan & find vulnerability in apps is Play Protect.

And guessed what - I scanned our insecure app, and it told me no vulnerabilities πŸ€·β€β™‚

So the equation is this:

Vulnerable app A

Google to devs - oh, that's insecure, dangerous, please fix it.

Google to users - this app is all good, no worries.

😐 Do I trust Google after that?

#insight
Another insight is if you put vote buttons in telegram, the comments seems to be disabled for that post.
This media is not supported in your browser
VIEW IN TELEGRAM
Brainstorm time ⌚

React + Redux multi tenancy.

What are your thoughts / experience on building a multi tenant environment within the scope of React & Redux.

Suppose you have different tenants / users that can customise you app for themselves. Tenancy context is defined by separate domains.

Both UI and functionality varies per tenant.

Things I am thinking about is general architectural approach that would be viable here

E.g.

Custom themes, colours, UI etc - should this be retrieved from BE and stored in Redux store then applied throughout app with in line styling or there is a better way than redux store? It seems that redux is a bit suboptimal here for that purpose, but I can't think of a decent / better way to dynamically apply styling per tenant.
Are you top or bottom?
Pusher

https://pusher.com/

A great alternative to websockets. If you want to make your app live e.g. real time tracking, messaging, live updates and want to do it quickly, you will like it.

It's for those who want to get something working right away and don't mind paying for it.

Aaand there is also firebase if anything.
This media is not supported in your browser
VIEW IN TELEGRAM
Real time open source db

Quite correctly this got pointed out in our chat as of high relation to the previous post

https://rethinkdb.com/

Which is great and you should always follow this approach. Saw a post here, think there is smth better or simply a nice alternative? Go in our chat and let people know. We don't bite.
Oh wow. That's just some new level annoyance.