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
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🤷‍♂)
​​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.
This media is not supported in your browser
VIEW IN TELEGRAM
Finally for today a bit of UI animation inspirations 🔥
Актуальная новость: Рекламная Сеть Яндекса начала работать с самозанятыми

Теперь партнеры Сети смогут сохранять больше дохода от монетизации, работая по налоговому режиму со ставкой до 6% на профессиональный доход.
Как это сделать? Перейти в новый налоговый статус и поменять форму сотрудничества с Рекламной Сетью через интерфейс площадки.
React 2020 Cheatsheet? 😂
Maybe