#thoughts

I really don't get why React devs use chrome debugger this days. You know, the tool in chrome that allows you to set breakpoints and "pause the world" checking local scope, variables etc. Don't confuse it with styles and elements tabs. I mean the "sources" tab specifically.

In 2022, I personally find myself mostly in vscode, its mostly React development for me, so I have React & Redux chrome extensions. At any point I can jump at a specific redux action, check the global store, check all the components, what props are being passed around etc. When I'm feeling ambitious I'll use breakpoints in vscode directly, checking the lifecycles and pausing the app where investigation is needed.

And that's where things get confusing for me, why would I do that in chrome? Of course you can edit your code in chrome and apply changes, but that always felt for me like a duplication (scrolling through code in browser AND editor)

How are you guys using chrome debugger? 😉 Do you find it useful?

#uiux

Fluid UI be like.

#thoughts

If you are a fan of console.log, you must be using turbo console log.

All you need is to set it up in 1 min for the right shortcut / linter and enjoy it.

One feature I particularly enjoy is deleting all console logs with just one shortcut 🔥

https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log

#thoughts

So state of JS results are out for anyone who haven't seen them:

https://2021.stateofjs.com/en-US/libraries/front-end-frameworks

If you get asked what to learn when starting or which tool/framework is better, I find it useful to point the person to this kind of results. And they can decide what they want eg learn smth new and cool, get a job, play around etc.

React is quite stable in its high scores over usage (can't say the same on satisfaction).

"Vite" looks like it can be the next big thing at this point, but we'll see.

PS also that link has mentions of what people usually read in dev space, who they follow and what podcasts listen to (which is always great to explore 😉)

PPS Their data visualisation is pretty sick 🔥

#thoughts

And just to make it easier for the lasier ones here. Those are the people to follow ☝️

How many names do you recognise?

#uiux

When customer asks to "make pricing cards a bit more interesting"

🔗 Codepen

#personal

Alright ladies and gentlemen, I'm gonna make it interactive now (finally) 😂

I've been reviewing 7+ UI libraries for React Native for work in the past few days.

Those who don't give a shit about React Native, welcome to the club 😉 and treat it as UI lib contest for mobile apps.

Judging by the poll above not giving a shit about React Native is what unites us here.

Next 3 posts will be, my 2 final contestants

And survey for you which one you'd personally prefer.

Now, you can base your choice literally on anything - simply like their components, typescript support, design system, number of releases, integration smoothness, years in the industry, country of origin etc etc.

If you feel like sharing your thoughts on why you would choose one over the other, feel free - I'm personally interested as I have my own justification for our business/project. Can also share if some find it interesting.

Maybe I actually will, especially if you choose the other one 😂

Give me a few mins to find some pics and create the posts, come back 15 mins later.

#personal

Option number 1 - Native Base

https://nativebase.io/

A great selection of components, cool hooks out of the box and utility props. Also marketplace?

☝️Check the link. Don't just base it on what I write here.

#personal

Option 2 - Kitten UI

https://akveo.github.io/react-native-ui-kitten/

Based on beautiful Eva design. Super lightweight. Does what you'd expect from UI library.

☝️Check the link. Don't just base it on what I write here.

#promo

inqoob - new chatbot builder 🦾

An international team of marketers and developers took into account all the shortcomings of bot creation services and launched their own, which closes the key problems of users.

Now the beta version is ready. And the first team of testers is recruited

Subscribe to the channel - do not miss the new release.

Well, to make it even more exciting, the guys are launching an Accelerator from idea to startup. If you've been dreaming of becoming a startup, welcome to inqoob. Monetize ideas with an international team of developers.

Here is the link 👇

https://tg-me.sbs/+Wy341jkvLWIzOTky

#uiux

Pure smoothness 🔥

PS good luck to devs implementing smoke particles fade away from pull to refresh 😂

#uiux

3D icons got too popular recently (or maybe it's just me seeing them more often).

What I do actually like is a glitch effect on pagination.

#promo

You are invited to the Waves Ducks Metaverse ✨

Fight, play, and earn rewards!

🦆 Discover addicting tactical fights, brutal monster truck races, relentless guild clashes, and other fun activities in our world full of NFT ducks and memes 🦆

But memes aside, where else have you seen a duck worth $245,000?

Join the wildest NFT community on Telegram and get into contests for crypto rewards.

200,000 players across the globe
$2.7M monthly transaction volume
What are you waiting for? ⚡️

Sign up and get your first duckling absolutely free!

#thoughts

This one looks like an interesting thing to try

https://intab.io/

Not like browser devtools are much worse, but who knows until you give it a go.

So far looks like code editor with export features and nice UI already win.

#thoughts

Alright, if you are using vscode auto close tag and bracket pair colorizer extensions, delete it now. They slow vscode down.

Go to vscode settings (command + P on Mac, type >, and type "settings") and search for "colorize" -> and enable bracket pair colorization

Then search for "linked editing" and enable that as well.

The first thing colorizes multiple } brackets that really help and the second renames the matching open/closing html tags automatically.

Super useful if you still don't use them. And much more efficient than similar extensions.

PS All this cool stuff you found being integrated in your IDE when you attempt to speed it up. Amazing 🔥

Completely forgot to post it, but the 4th episode is already there for a while if you haven't yet seen it 🔥

https://dev.to/fromaline/deep-dive-into-react-codebase-ep4-how-reactdomrender-works-32n6

#thoughts

If someone ever ask you to define the word "beauty", send them this

+80 Readibility Points by default

#sarcasm

#thoughts

It's amazing to see such well defined and properly thought design systems and UI elements

I'd give their designer a payrise right now 🔥

#sarcasm

PS oh yes ladies and gentlemen, welcome our new hashtag. Next ones on the list are #joke whenever I try to be funny and #image whenever I post a pic