Классная статья The baseline for web development in 2022 о состоянии фронтенд веб-разработки на текущий момент.
Меня очень порадовало, что подтвердились некоторые мои личные наблюдения, которые входили в противоречие с мнением многих других разработчиков. Вот, например:
1. React по всем показателям хуже чем Vue и Svelte. Он медленнее, потребляет больше памяти, а сайты с ним больше весят. Субъективно он ещё и менее удобный (писал об этом). Так что для новых проектов брать React стоит только из-за отсутствия разработчиков под Vue.
2. Люди не умеют в CSS и делают на JavaScript многие вещи, которые можно было бы сделать без него.
3. Давно уже пора использовать Flexbox и не выпендриваться с олдскульной вёрсткой и костылями для выравнивания.
4. Осенью прошлого года Google официально закончили поддержку Internet Explorer. Давно пора, ха-ха. С уходом IE самым худшим браузером стал Apple Safari — он проваливает почти в 5 раз больше тестов на поддержку разных веб-стандартов, чем Chrome. Я по личному опыту знаю, что если что-то работает во всех нормальных браузерах, оно может не заработать в Safari без адских костылей. Либо не заработать вообще никаким образом. У пользователей iPhone выбора нет (местные браузеры а-ля Chrome это на самом деле перекрашенный Safari, потому что Apple запрещает делать свои). Но если вы на Маке пользуетесь Safari — перестаньте, пожалуйста, это делать. А вообще ещё раз повод задуматься о политике Apple и настоящем их отношении к пользователям.
Но некоторые вещи меня искренне удивили:
1. Сайтов на jQuery всё ещё в несколько раз больше, чем сайтов на реактивных фреймворках, вместе взятых. Интернет это на самом деле такая древняя помойка, у который лишь небольшая вершинка торчит из болота лени и консерватизма.
2. Треть всех сайтов в интернете используют WordPress. Треть. То есть каждый третий сайт это говноконструктор на технологиях 20-летней давности.
3. Из всех пользователей интернета у 87% есть доступ к 4G. Я думал гораздо меньше. Да, тут наверное считали даже тех, кто раз в жизни смог зайти через 4G, и всё-таки — можно уже не особо сжимать графику и видео.
#dev#web
КОНКУРС РЕАКЦИЙ ОТ MEMEALERTS🎉
Главный приз — две PlayStation 5: одна тебе, другая стримеру!
- Поймай смешную реакцию стримера на мем с MemeAlerts и запиши этот фрагмент стрима
- Смонтируй это как стикер, выложи его на MemeAlerts с тегом #react и тэгни стримера
- Запости этот стикер в комментариях к этому посту через бота @memesy, чтобы участвовать в конкурсе
📅 1 июля мы подведём итоги.
🏆 Победит стикер, который наберёт больше всего лайков в комментах — и оба участника (стример и мемодел, записавший его реакцию) получат по PS5. Второе и третье место так же будут ждать призы от MemeAlerts.
🎁 А ещё вручим призы за:
— Лучший монтаж — мемоделу, который сделал самый крышесносный стикер
— Самую лулзную реакцию — выбором жюри MemeAlerts
— Лютый кринж — стримеру, чью реакцию зальют эмодзи 🤡 в комментах к посту
🔥 Стримеры, поддержите! Перешлите этот пост в свои каналы
Ждём реакции на мемы ваших любимых стримеров в комментах к этому посту!
React Wrap Balancer – Matnni avtomatik tartiblaydigan kutubxona
📱 Agar React dasturingizda sarlavha yoki matnlar noto‘g‘ri satrlarga bo‘linib qolsa, react-wrap-balancer kutubxonasi sizga yordam beradi. Bu kutubxona matnni estetik tarzda avtomatik tarzda bo‘lib, ko‘rinishini chiroyli qiladi.
Asosiy afzalliklari:
• Matnni chiroyli tarzda satrlarga ajratadi
• Mobil va desktopda ko‘rinishni moslaydi
• O‘rnatish va ishlatish juda oson
O‘rnatish:
npm install react-wrap-balancer
Ishlatish:
import Balancer from "react-wrap-balancer"; <Balancer> Bu yerda sizning sarlavhangiz yoki matningiz bo‘ladi </Balancer>
🖥GitHub:https://github.com/shuding/react-wrap-balancer
#react
💻@dasturlash_hayoti — bir xatoni tuzatib, ikkinchisiga tayyorlanish! 😅
🖇️✨🖇️#react от аккомиᝢ
ОЧЕНЬ МНОГО вопросов, чтобы узнать автора канала лучше !
комм/реакция, а я отвечу...
⤹
«💋» : с кем бы ты поцеловался(ась) из подписчиков этого канала?
«💘» : есть ли человек, который знает тебя лучше, чем ты сам(а)?
«🎉» : топ три твоей любимой еды, музыкальных исполнителей и праздников!
«🕊» : скучаешь по кому-то/чему-то сейчас?
«🍓» : какую черту ты ненавидишь в людях, но сам(а) ей обладаешь?
«🍾» : куришь? пьёшь?
«⚡️» : есть ли у тебя какая-то серьёзная болезнь?
«💯» : ситуация, когда ты был(а) на волоске от см🖇️рти?
«🎃» : умеешь ли ты хранить секреты?
«❤️» : на какую песню/фильм/книгу похожи отношения с тобой?
«🍌» : причина, по которой ты лжёшь чаще всего?
«❤️🔥» : убить или быть убитым(ой)? почему?
«☃️» : какие слова тебя больше всего расстраивают?
«🔥» : а какие радуют?
«👻» : самое травмирующее событие?
«🎄» : самое любимое детское воспоминание?
«👍» : что ты любишь в себе больше всего?
«👎» : а ненавидишь?
«🦄» : покажи свою натальную карту. если не знаешь, что это, то просто ответь, какой у тебя знак зодиака?
«💔» : что ты чувствуешь и как ведёшь себя, если невзаимно влюблен(а)?
«👀» : что ты очень хочешь сделать, но никак не можешь решиться?
«🎃» : расскажи самую жуткую, паранормальную и мистическую историю из твоей жизни
«🐳» : есть ли у тебя домашние животные? расскажи о них!
«😎» : покажи свою ленту в пинтересте, экран блокировки и последнюю прослушанную песню
«🙈» : какие у тебя отношения с родителями?
«👾» : что в людях привлекает тебя больше всего?
«😍» : два плюса и два минуса отношений с тобой!
🖇️источник . . .
пожалуйста, репостите ТОЛЬКО С именем отправителя сверху
больше интерактивов тут ⤸
@akkomisreact ;
#webDevelopment#React
🔰
Server Side Rendering with React and Redux
📖 Build React, Redux, and React Router apps using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques
🗣: Stephen Grider
-----
Main channel: @repo_science
Coupons: @freecoupons_reposcience
-----
#webDevelopment#react
🌐
Mastering React
Don't get left behind. React is the way forward to building fast, interactive web apps. This course covers everything.
Duration: 13h
220 lessons
Author: CodeWithMosh
🔗Link
-----
Main channel: @repo_science
Coupons: @freecoupons_reposcience
-----