#learn

React Profiler - link

If you haven't used this one before you are really missing out. I find this one the quickest way to go through you web project and identify places that can be optimised. Works way better than dumping console.log in you renders around the app or using default chrome dev tools performance analyzer.

Profiler will show you exactly how many times components re-rendered and why (which props changed etc)

Then it's up to you to go around that heavy component and optimise it, memoise certain functions, wrap with React.memo, refactor, add reselect or what not.

And personally the nicest practical "let me show you how it works" is from Ben Awad here

#tools

gradejs.com — a webpack production bundle scanner, that works without access to the source code of a website.

#uiux

Now that's some proper magic to hack CSS animation 🔥

www.timelinecss.io

#promo
People who believed in the
internet in the 90s are on top now. Web3 is the same opportunity.

HUMANS is a brand new media devoted entirely to demystifying working in web3. To do so, we invite web3 heroes to tell their stories and inspire you all to try your hand at pursuing numerous lucrative vocations.

Join our channel to get:

- Industry insights from successfully employed web3 folks
- Sneak peeks to web3 working environment
- Proper market news
- MEMES.

Soon there’ll also be hot job openings from top web3 companies. Don’t miss out on a life-changing opportunity.

tap it
@humanswork

#news

Atom code editor is done 🤷

I used to actually like it before I've tried vscode.

But now that github belongs to Microsoft it does make sense to focus on vscode instead.

🔗 Link

#uiux #thoughts

I find it entertaining how Apple is trying to push a thought that Safari is modern and all with its latest "oh, look at mac OS Ventura and Safari 16! How cool. It can support Web Push notifications🔥"

Even better - Web Push on iOS and iPadOS in 2023!

Meanwhile Chrome supported push notifications at least from 2015.

All of this aligns quite well with what a dev for web telegram pointed out in 10+ things while Apple is slowing the industry with its Safari.

Side note: the webK/webZ telegram client is actually sleek. I use it myself.

Side note 2: if you just want to read a bit more on Web Push notifications, explained and compared to app ones this link is for you.

#news #thoughts

Just look at this.

I mean we got rid of IE (in fact, it's gonna die in about 20 hours from you reading this).

And Safari is either gonna end up in the same boat eventually or Apple gets pushed by regulators and finally support the industry.

#thoughts

I know people hate redux for adding too much boilerplate and generally being applicable to medium/large projects.

And of course mobx or even recoil are a bit nicer (my subjective opinion).

But what's the hype with zustand? Looks good, but any of you actually tried it on large projects?

https://github.com/pmndrs/zustand

#uiux

Have you guys seen your github commits in VR already? 😂

https://skyline.github.com/

#learn

A pretty good frontend developer roadmap from one of our subscribers (@s3ntlnel).

If you don't know where to start your journey, the below is good place to start with.

https://www.flaco.dev/blog/front-end-developer-roadmap

#learn

The guy behind Tao of React released an article about going through React's source code.

An interesting read worth your 23 mins. Also as an extension to what you've seen in other articles shared here.

https://alexkondov.com/readint-source-code-react/

This message is not supported by your version of Telegram. Update the app to view:
https://tg-me.sbs/update

#thoughts

Ever experienced something like that?

#uiux

A really cool visualisation of the notable people's birth places around the globe done with mapbox by Topi Tjukanov

https://tjukanovt.github.io/notable-people

#tools

I've finally might have found a decent rich text editor for react - megadraft 🔥.

Needed something a bit more modern for React that is also quite extensible (eg allows files D&D and markup). Also mimicking something like telegraph (doesn't have to be that cool, but still)

Stopped at https://github.com/globocom/megadraft that is based on you guessed it Draft.js

🤓Live demo - https://megadraft.io/#/

Also do share you preferred rich text editors you've used or using right now! I've looked through too many but might have skipped something nice and obvious

#uiux #thoughts

This is the exact part I've tried to avoid in rich text editor. Somehow it always felt way too cluttered to me.

I know that's kind of a standard (probably reinforced by Microsoft back in 90s), but c'mon - this has to go away eventually.

#tools

https://www.windows93.net

This is fun. And they have Half Life 3.