Детальный React. Реконсиляция, рендеры, Fiber, виртуальное дерево

Ууууууф, честно говоря, сложновато. Предложил бы сначала "на кубиках" объяснить общие понятия и концепции работы, а уже потом погружать в поля, классы, код. А то сейчас не очень складывается понимание, что там происходит

Как выглядит и работает очередь задач? Как расставляются приоритеты? Это как рассказывать eventlooop описывая только сигнатуры всяких requestAnimationFrame

Что бы я хотел знать до переноса 50 000 строк кода на серверные компоненты React

Хотел спросить про другие вопросы, а потом понял, что это перевод) В общем, интересно, конечно, есть ли объективный профит от всей этой затеи

Что бы я хотел знать до переноса 50 000 строк кода на серверные компоненты React

Пара вопросов

1. Как в итоге повлиял этот переход на скорость загрузки и работу сайта? Есть ли объективные цифры/замеры?

2. Сколько в итоге у вас получилось серверных компонентов? 10%? 20%?

3. Есть ли какие то практик, как быстро оценить, какая часть приложения доступна для перевода, чтобы сразу понять, что это того стоит?

localStorage для авторизации

Все вызовы к localStorage лучше оборачивать в try-catch, иначе можно поймать различные багули с доступом, например, в FF

React 18. Что нового?

О какой связности речь? И какую логику хотите от отображения отделить?

ВКонтакте: Один логин — две системы

На кого будет восстановлен пароль, когда в форме восстановления пароля будет введено "pewpew"

На ту почту которая привязана к аккаунту "pewpew", почему вы решили, что вк не будет делать ни каких проверок только потому что логин у почты/странички совпадает?

Как умрёт Вселенная

Вот тут более полный список событий «тепловой смерти»

React Server Components — что это?

Прочитал статью и не совсем понял, как все это ложиться на нынешние концепции SPA? В примерах используют компонент Note, который берет данные прямо с сервера. Но как он возьмет данные когда мы поменяем id уже на клиенте, c помощью навигации? Ведь SPA не подразумевает загрузку страницы на каждый роут. Нужно ли будет загружать целые компоненты по сети? Придется ли реализовывать оба способа получения данных?

Ну и судя по ограничениям, каждый компонент на серверный не переведешь, не получится ли так на практике, что эта "оптимизация" при затраченных ресурсов не дает значимого прироста?

Как я устал от JavaScript и создал свой собственный язык программирования

Субъективная у вас конечно "человекочитаемость", все эти лесенки, стрелочки. По мне так, наоборот, читаемость, это когда операнд сам по себе говорит что он делает, читаешь в слух и осмысленные предложения получается сразу. А тут сиди запоминай в какую сторону стрелочки рисовать.

Покажи тот же jsчеловеку, который вообще поверхностно знаком с программированием, он уже сможет приблизительно понять, что происходит. Где функция, где цикл. Покажи ваш язык и… в общем спорно

Когда Голливуд впервые заметил веб: что было правильно, и что – совершенно неверно

Можно глянуть Апгрейд выглядит, конечно, как серия Черного Зеркала и не столь многобюджетный, но я бы сказал, что довольно хороший фильм.

Использование микрофона для создания произведений искусства, реагирующих на звук, на Javascript

https://github.com/willianjusten/awesome-audio-visualization есть вот такая сборка, кому интересны примеры интерактивные

Дайджест свежих материалов из мира фронтенда за последнюю неделю №419 (8 — 14 июня 2020)

Жесть, что теперь на медиуме какой-то лимит на кол-во статей бесплатных для чтения в месяц и сейчас каждый раз требуют проапгрейдить акк(

Дайджест свежих материалов из мира фронтенда за последнюю неделю №418 (1 — 7 июня 2020)

Cкорее просто неудачное название. В статье говорится, что плохо менять прототипы глобальных объектов, например Array.prototype, что справедливо.

Змеиный сахар или пишем свой range в JavaScript

https://babeljs.io/docs/en/babel-plugin-proposal-pipeline-operator есть как раз таки плагин бабеля

Змеиный сахар или пишем свой range в JavaScript

Добро пожаловать в 2020, что pipe operator, что range уже есть в пропозалах https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/%D0%9A%D0%BE%D0%BD%D0%B2%D0%B5%D0%B9%D0%B5%D1%80%D0%BD%D1%8B%D0%B9_%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80

Первый взгляд на записи и кортежи в JavaScript

Будущее: классы, экземпляры которых сравниваются по значению?

Тут бы отлично подошли кортежи/записи + символы. Например, ввести символ Symbol.equal, который вызывается при сравнения ===. Тогда можно было бы определять этот символ в экземпляре и там возвращать кортеж/запись

Как бы могло выглядеть

class Test {
  [Symbol.equal]() {
    return Record({
      a: this.a,
      b: this.b,
      c: this.c
    });
  }

  constructor(a, b, c) {
    this.a = a;
    this.b = b;
    this.c = c;
  }
}

const test1 = new Test(1, 2 ,3);
const test2 = new Test(1, 2, 3));
console.log(test1 === test2);

Alpine.js — продолжаем знакомство

x-show.transition.in.duration.1000ms.out.duration.500ms

Чего чего, а такого в коде я увидеть точно не хочу

Как развивать блог в Инстаграм в 2020: разбор кейса Саши Митрошиной

А зачем вам вообще тогда аккаунт? "Просто посмотреть" можно и без него ( будет плашка о предложении войти, но она скрывается )

Дорога в ад JavaScript-зависимостей

В статье пишут, что при скачивании gastby качаются еще и остальные пакеты. Если посмотреть на package.json то там все зависимости в devDependencies, почему и зачем тогда они скачиваются? Щас лично проверил, что бы точно убедиться и установка yarn add gatsby качает еще и бабели, пакеты для тестов и так далее

Дорога в ад JavaScript-зависимостей

Я ведь говорю про пакеты, которые нужны для разработки. Зачем скачивать условный babel, если в пакете уже есть собранная версия js и по факту, мы не пересобираем пакет, а используем его бандл. Я вроде где-то слышал, что с пакетом должны скачиваться только зависимости из dependencies, но в реальности все как-то наоборот