TheFrontEndπŸ”₯
10.8K 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
This media is not supported in your browser
VIEW IN TELEGRAM
Looks like we got to 10k

Thank you everyone for interest and unconditional support from those who help others in our discussion group 🍾

PS also apparently if you send πŸ”₯ it gets animated now
This media is not supported in your browser
VIEW IN TELEGRAM
I would just place this one as a prank for something like "keep me authorised" πŸ˜‚

You can check it yourself
https://codepen.io/jh3y/full/LYNZwGm
This media is not supported in your browser
VIEW IN TELEGRAM
After a few UI/UX posts, I need to go a bit technical to make a confession - I don't like Redux.

Honestly, even my own implementation with Hooks always seemed more straightforward.

I also probably need to make a note that I dislike everything that forces me to write more code than I need to (it started with php. I know, I know, you don't have to unsubscribe because of this).

For anyone feeling the same, Redux-toolkit is something humanity came up with to reduce the pain. In case, you didn't know.

https://redux-toolkit.js.org/

(and there is also Mobx)
What stack do you use
Anonymous Poll
25%
LAMP
5%
LEMP
45%
MERN
9%
MEVN
16%
MEAN
This media is not supported in your browser
VIEW IN TELEGRAM
How to CSS in React

Another great article from one of my favourite React-evangelist.

www.robinwieruch.de/react-css-styling

Covers all:

πŸ”₯CSS in CSS (e.g. Sass)
πŸ”₯CSS in JS (e.g. Styled-components)
πŸ”₯Utility-first (e.g. Tailwind)

And since we are entering a hugely opinionated area here, I am gonna throw a holywar trigger and tell you that: although I'm using Sass at work, I am in absolute love with Styled-components, if approached properly, the readability of your code is sooo good.

On the other hand, Tailwind, although with a clear purpose, seems to be the most ugly when it comes to readibility. The whole purpose of separate files for styling was to avoid having them in you main component (and not throw them inside your component as a never ending style lineπŸ€·β€β™‚)
What is πŸ”₯ for you?
Anonymous Poll
55%
Javascript
25%
Typescript
9%
Other
11%
See results
​​A nice and quick intro on how JS engine V8 works under the hood

βŒ›οΈ only 4 minutes of your time

https://dev.to/edisonpappi/how-javascript-engines-chrome-v8-works-50if
Anyone used Chakra UI before? Any good compared to the alternatives?
This media is not supported in your browser
VIEW IN TELEGRAM
Not the most informative UI, but definitely a neat one to look at πŸ”₯
This media is not supported in your browser
VIEW IN TELEGRAM
Well here it comes.

Moment.js is officially done.

A fair move from the team. Respect and thanks for helping us fighting dates & timezones. Time for the lighter, more flexible alternatives to get their praise.

https://momentjs.com/docs/#/-project-status/
This media is not supported in your browser
VIEW IN TELEGRAM
Particle.js
An easy way to add all sort of different interactive particles to your project

https://vincentgarreau.com/particles.js/
Time displayed as color

Why? Because we can πŸ˜‚

https://jamelhammoud.com/projects/hextime/
Could you believe this 3D house is done in CSS?

https://codepen.io/ricardoolivaalonso/pen/yLOpNdZ
This media is not supported in your browser
VIEW IN TELEGRAM
An interesting thread on burnouts and what to do when you don't feel as excited in IT & Software dev as in the beginning

https://www.reddit.com/r/Frontend/comments/izavmz/my_excitement_for_it_seems_to_be_fading/
TheFrontEndπŸ”₯
Which way do you import stuff more often ?
(just an example below)
Also, do you guys remember this poll. Turns out import React from 'react' might be deprecated in the future.