TheFrontEnd🔥 – Telegram
TheFrontEnd🔥
11.6K 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
TheFrontEnd🔥
#uiux Just found Planby - a cool React component for building timelines like on the screenshot. This can be pretty powerful lifehack when implementing calendar-like functionality. I had a pleasure of implementing something similar myself and the critical…
#tools

Another one for your Swiss toolset in addition to Planby.

www.tremor.so - fairly new UI lib for dashboards, charts and graphs.

Looks pretty neat, only wish they keep it "dashboard-focused" and push into that direction.

PS as a bonus on charts you get smooth mounting animation, which some of the other chart libs don't offer out of the box.
👏3🤔1
#thoughts

www.layoffs.fyi - someone created a trackable, filterable layoff tracker since Covid 19.

Maybe can be an interesting find when you thinking which companies to send your resumes to.
🔥7🤔7👏3💯1
This media is not supported in your browser
VIEW IN TELEGRAM
#learn

10 out of 10 🔥goodness in the house.

Have you ever thought that React is just a mess? I know, I know, we all did at times.

Below is a really interesting article on how things could have been done (or in fact already done in other unappreciated frameworks).

Particularly interesting is what www.solidjs.com does - you get jsx-similarity, state, hooks, effects, life cycles, but all in a.. less annoying way than in React.

Another one is www.markojs.com which I just call html on steroids.

And finally www.hotwired.dev, which I've seen before, but noticed they are planning to soon release Strada, which suppose to ease the transformation of your Web apps into native mobile apps.

Link to the article that's worth the read 🤓
Please open Telegram to view this post
VIEW IN TELEGRAM
👏9
animation.gif
58.1 KB
#learn

Tech debt

Something we all sooner or later have to deal with.

In my experience it usually came down to either "rushing" features and deviating business model from what it was initially designed to do or complexities in "billing refactors" - some clients are difficult in understanding what's the point.

Here I'm treating "rushing" inclusive of not doing anything, packages and tools getting outdated, deprecated etc based on the logic that if you were not rushing other things, you could properly address the refactors.

Whereas the last point is fairly easy to resolve, just requires time and right arguments, the first one can bite in the future if left untouched.

And personally I think its more about building the right mentality in a team. The concept thats highlighted in "Clean Code" by Robert C. Martin - if every developer when touching the part of the system leaves it in just slightly better shape than it was, we ll end up in constantly improving, almost self-refactoring system.

Extending a feature? Maybe there is a way to improve type safety in the same file, maybe naming variable can be better, maybe function could have been splitted more logically, maybe you can rewrite something in a more concise syntax? - simple things like that, makes a difference in long term.

Interesting article on that:
🔗 Link
🕶️ 8 min
🔥82
#uiux #games

If you played GTA before (wait.. Who didn't?)

Someone just added their radios to a Web in a similar UI, should work on any device, in case you want to bring some nostalgy to you coding sessions.

https://play.smolyakov.dev

PS it's in Russian, but you ll figure it out
13
#tools

Appodeal is a self-publishing platform that helps gaming studios establish and scale their mobile app businesses.

Recently came across Appodeal’s news on its latest SDK update. Some cool stuff there including Appsflyer, Adjust and Meta Analytics being added to the SDK’s core, compliance tools being improved, distribution via the Unity Package Manager added, and more. Worth checking it out, some of the features might be what you’ve been looking for to level up your monetization.

🔗 Link
🕶 7 min
1😢1
This media is not supported in your browser
VIEW IN TELEGRAM
#uiux

Most useful date picker.

Imagine the frustration 😂
🤣4316💯7💩4🔥3🤩3😈3👏2😱2😢1
#news

🎄 New year open-source giveaway

Remember refine from the earlier posts? The open-source React-based framework for building CRUD apps rapidly.

They are now celebrating the new year with the open source community and giving away:

🎁 $100 Amazon Gift Card to the raffle winner,
🎁 All three winners will get refine Swag Kit.
For more details take a look at the following post:

https://dev.to/necatiozmen/new-year-open-source-giveaway-100-amazon-gift-card-full-swag-kit-2f3e

Winners will be announced on December 15 on Twitter.
🔥4👏1😢1
#uiux

Long time, folks 🤚

Been pretty busy with work, but will try to get back to the channel!

Let's start with me sharing an amazing way to put yourself out in an interactive live coded web page: https://www.strml.net/
Please open Telegram to view this post
VIEW IN TELEGRAM
167
#uiux

Ah, why not. You've waited long enough for some activity here 😂

Basically a cool UX example from https://sentry.io/, right click on the logo (long press on mobile) and Sentry gives you a way to download all their variants of logo - transparent, dark, without text you name it.

Think if every company had that a world would be a simpler place.

Also, a side note to future self: wording on a cookie banner as "like every organisation on earth" for some reason builds trust.
13🤩3
#uiux #tools #learn

Alright now this is golden 10 🔥 out of 10.

A whole list of assessments on design, UI and UX, tooling and whatnot.

Just did a few and way too good

https://app.uxcel.com/skill-tests
Please open Telegram to view this post
VIEW IN TELEGRAM
6
#tools #thoughts

Aand yet another no-code-build-native-apps-fast-enough service, but this time somehow it feels more thoughtful than others.

https://flutterflow.io/

So ios/android + out of the box firebase support for your backend seems neat. Anyone tried it? Any feedback?

I generally smile at those, but that one kinda made me think "OK, if I need some quick prototyping or basic MVP might give it a go". Surely you still gonna need to learn it as any other tool really but that one looks like a week top.
#thoughts

Big mistake #11 - Using React 😂

Source (which is actually a link to a free webinar if you are bored)
💩8🔥2🎉1
This media is not supported in your browser
VIEW IN TELEGRAM
#learn

Props drilling problem visualised.

🔗 Link
😱17👏6💯2🤔1
#promo

🔗 Link: https://apitester.org

A completely free mobile API client that allows you to interact with APIs directly from your phone. Sounds amazing, doesn't it?

You can connect to whatever kind of API you're using with API Tester, including REST, gRPC, SOAP, and GraphQL. An optimized user interface makes it easy to construct HTTP requests with parameters, auth information, and body data. Additionally, you can use global variables, import collections, and establish WebSocket connections.

To guarantee that you have access to all of the best features, the app is updated frequently. Test it out for yourself, rate and review it on the App Store and Google Play.
🔥161
#tools

New m3 is super sleek when looking at their docs.

https://m3.material.io/

Still unsure giving users so much flexibility around color control is a good idea, but we'll see 😂
6
#uiux

16 simple rules to improve your design.

🔗Link
🕶 17 min
Please open Telegram to view this post
VIEW IN TELEGRAM
👏51
This media is not supported in your browser
VIEW IN TELEGRAM
#learn

How browsers work

Classic interview question: describe what's gonna happen in details if I type URL in browser and click enter.

🔗 Link
🔗 Link 2
👓 13 min
Please open Telegram to view this post
VIEW IN TELEGRAM
23
This media is not supported in your browser
VIEW IN TELEGRAM
#uiux

Whoever did this really outperformed themselves.

Next level cursor tracking 🔥

Try on: https://lusion.co/
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥348
<Head>
Are you good in FrontEnd?
<Head/>

<Body>
We've created the unique coding game, launch in the browser with a 3d world and rewarding crypto.

Write code, have fun and earn TON, do interesting tasks from Junior to Senior level.

Follow this link and explore TONight world:
👉 https://cutt.ly/L7uTRu3
<Body/>
🤔14🔥7🤨2