TheFrontEnd🔥

2022-02-21 17:44:16 Open / Comment

2022-02-20 15:11:14 #uiux

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

Codepen Open / Comment

2022-02-19 23:19:02 #thoughts

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

How many names do you recognise? Open / Comment

2022-02-19 20:55:01 #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 Open / Comment

2022-02-17 00:38:27 #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 Open / Comment

2022-02-15 02:36:42 #uiux

Fluid UI be like. Open / Comment

2022-02-07 22:42:53 #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? Open / Comment

2022-02-03 23:59:24 Open / Comment

2022-01-27 03:00:27 #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. Open / Comment

2022-01-26 11:56:01 #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(,
document.getElementById('root'));

Kudos to @fromaline and waiting for the next one

Link
17 min

802 views08:56

Open / Comment