现已上线！2025 年 Telegram 研究 — 年度关键洞察 
CodeRoll | Frontend
前往频道在 Telegram
OZ — Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги — Веб-разработка на JS, HTML, CSS, React, Vue,Angular Купить рекламу: https://telega.in/c/coderoll Чат: https://t.me/coderoll_chat По всем вопросам пишите сюда - @yankovsky_ads
显示更多4 229
订阅者
-124 小时
-67 天
-5230 天
帖子存档
4 228
Личный опыт: переход с Redux на Effector. И при чем тут DX
Frontend-разработка очень богата различными инструментами. Новые фреймворки и библиотеки выходят чуть ли не каждый день и, к сожалению, не все из них одинаково полезны или могут сделать ваш продукт лучше. Кроме того, они различаются по степени удобства именно для разработчика. Есть такое понятие DX – Developer eXperience – по аналогии с UX. Это то, насколько разработчику удобно, интуитивно понятно пользоваться определенным сервисом.
Ссылка
#статьи
4 228
Возможности JS, о которых вы возможно не знали
В этой статье автор поделиться с вами лайфхаками js. Некторые хаки помогут вам улучшить код а некоторые лучше некогда не использовать а просто знать о них. Статья скорее всего подойдет для джунов или кто только начинает свой путь в мире js.
Ссылка
#js
4 228
let x = y = 10; на самом деле является сокращением для:
= 10;
let x = y;
4 228
(() => {
let x = (y = 10);
})();
console.log(typeof x);
console.log(typeof y);4 228
Почему текст в нижнем регистре сжимается лучше
Буквы в нижнем и верхнем регистре содержат одинаковое количество данных — по 1 байту каждая, поэтому удивительно, что замена заглавных букв на строчные снижает объём данных.
Пример: я взял главную страницу Hacker News и переписал заголовок каждой статьи, капитализировав только первые буквы в предложениях (sentence case) вместо первых букв во всех словах (title case). Это позволило мне снизить размер на 31 байт.
Cсылка
#html
4 228
React, я люблю тебя, но ты сводишь меня с ума
Представляю вашему вниманию перевод этой статьи, вызывавшей определенный резонанс в сообществе React-разработчиков.
Дорогой React, мы встречаемся уже почти 10 лет. Мы прошли долгий путь вместе. Но ситуация вышла из-под контроля. Нам нужно поговорить.
Ссылка
#react
4 228
function Car() {
this.make = 'Lamborghini';
return { make: 'Maserati' };
}
const myCar = new Car();
console.log(myCar.make);4 228
Современный junior frontend developer на двух работах уровня middle с общей ЗП 400к. Реальность ли в 2023 году?
Привет. Меня зовут Современный Джун и сразу отвечу на вопрос: да, реально. Как? Запасайся временем и я тебе расскажу эту историю.
Ссылка
#статьи
4 228
Архитектура и реактивное программирование
Что такое реактивное программирование? Не Rx. И даже не Excel. Это архитектурный паттерн, позволяющий абсолютно иначе писать код. В статье мы устаканим фундаментальные знания, утвердимся в том, что React.js всё же является реактивным, и подумаем о том, как и когда нужно, а когда не нужно применять паттерны реактивного программирования.
Ссылка
#статьи
4 228
С помощью оператора throw мы можем создавать собственные ошибки. С этим оператором вы можете генерировать исключения. Исключением может быть строка, число, логическое значение или объект. В этом случае нашим исключением является строка 'Hello world'.
С помощью оператора catch мы можем указать, что делать, если в блоке try выдается исключение. Исключение: строка 'Hello world'. e теперь равно той строке, которую мы записываем. Это приводит к 'Oh no an error: Hello world'.
4 228
function greeting() {
throw 'Hello world!';
}
function sayHi() {
try {
const data = greeting();
console.log('It worked!', data);
} catch (e) {
console.log('Oh no an error:', e);
}
}
sayHi();4 228
Frontend Cringe — канал для начинающих и продвинутых веб-разработчиков, который научит вас программировать лучше и эффективнее.
публикуются:— обзоры JavaScript и CSS-библиотек;— обучающие статьи;— советы бэкенд и фронтенд-разработчикам.
Ссылка
4 228
Что такое состояние ?
В данной статье хотелось бы описать и раскрыть формальную сторону вопроса «что такое состояние» для лучшего понимания фундаментальных основ надёжности любого клиентского приложения. Хочется уже поставить точки в некоторых вопросах терминологии, чтобы чётче отвечать на вопросы «что, когда и зачем брать» при выборе библиотек и технологий для клиентского веб-приложения.
Ссылка
#статьи
4 228
Почему не любят JavaScript?
Пока сообщество продолжает накрывать php могильной плитой, стоит обратить внимание на еще одного всеобщего любимчика. Mocha. LiveScript. JavaScript. Этот язык прошел довольно долгий путь, пережил много изменений и трудных поворотов, обошел конкурентов, таких как ActionScript и JScript, окреп и теперь активно пользуется большой частью сообщества.
В этом году самым популярным языком для коммерческого использования стал JavaScript — 19% разработчиков пишут на нем коммерческие проекты.
JS используется в Microsoft, PayPal, Netflix, Groupon, Uber, Facebook, Google.
Но почему JavaScript не любят?
Я постараюсь ответить на этот вопрос.
Ссылка
#js
4 228
При использовании метода map, значение num равно элементу, над которым он в данный момент зацикливается. В этом случае элементы являются числами, поэтому условие оператора if typeof num === "number" возвращает true. Функция map создает новый массив и вставляет значения, возвращаемые функцией.
Однако мы не возвращаем значение. Когда мы не возвращаем значение из функции, функция возвращает значение undefined. Для каждого элемента в массиве вызывается функциональный блок, поэтому для каждого элемента мы возвращаем undefined.
4 228
[1, 2, 3].map(num => {
if (typeof num === 'number') return;
return num * 2;
});