#learn

Going deeper

Always interested to see people taking a deep dive and exploring tech beyond documentation.

Our comrade @fromaline wrote two great articles in a series on exploring React internals.

Episode 1 - why React was created and what was the idea behind it (also pls read if you haven't heard what reconcilers are in React)

Episode 2 - what is the most popular npm package, that lives in the React monorepo?

Super interesting reading that deserves your attention 🔥

#uiux

A simple hack, but too powerful.

Avoiding that extra click after inputting your code is what creates a "wow, nice" effect 🔥.

Worst case scenario - users will see an error if the code didn't match (but that can easily happen even with the button)

PS if your code is 12 characters long this is likely not gonna work as nice 😉

#learn

Next episode is out. While the first 2 got you prepared and focus, this one actually dives deep inside react monorepo and reverse engineer the most popular React snippet.

Ever seen the below?

ReactDOM.render(<App />,
document.getElementById('root'));

Kudos to @fromaline and waiting for the next one 🔥

🔗 Link
👓 17 min

#learn

What if I tell you that since console.log returns undefined you actually don’t need to suffer - adding braces, enters, return etc when trying to log something within arrow function?

Have you ever tried that? Answer in comments.

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