⚡️⚡️ React 18 вышел!

https://reactjs.org/blog/2022/03/29/react-v18.html

По случаю напомню про два ролика:

1. О дивный новый Реакт 18! Что нас ждет?
https://youtu.be/2WjpGeTKqyE

2. Модный Реакт 18! Экскурсия в мир нового API!
https://youtu.be/tUCZn-ABouw

На следующей неделе произведу ревизию и актуализирую новинки в еще одном выпуске о React 18!

🥋🥷 Кто тут хочет стать джедаем TypeScript`а?

Специально для вас добрые люди подготовили челленджи по типизации:

https://github.com/type-challenges/type-challenges

Предупреждаю сразу, будет тяжело 🤯

Но тот кто дойдет до конца - будет знать TS лучше, чем многие разработчки TS!

💾 Советую добавить в сохраненки, чтобы не потерять. Вещь очень полезная!

🖥🚀 Warp, warp, warp!

Вот сколько времени работаю - столько ищу удобный терминал.
И таки наконец-то он нашелся, Warp подкупает огромным количеством фичей и приятным UX. Терминал выглядит не как терминал, а как IDE.

Всем советую попробовать!
https://www.warp.dev/

Пока сей терминал на Rust`е доуступен только для маководов, но обещают поддержку Windows и Linux 🤖

Специально для вас ребята выдали доступ на 2 000 скачиваний:
https://app.warp.dev/download/r/1ZTREB

⚠️ Если что, реклама совершенно бесплатная, я сам написал в Warp и попросил инвайтов побольше!

⚡️⚡️ Грядет революция в JavaSctipt?

9-го марта Microsoft объявил о поддержке предложения в TC39.
И да, как вы могли догадаться, мелкомягкие хотят протащить TypeScript в браузеры, заменив JavaScript.

Вот и сам proposal: https://devblogs.microsoft.com/typescript/a-proposal-for-type-syntax-in-javascript/

Многие предсказывали эти изменения в вебе, но их реализация казалась нереальной:
это что получается, браузеры должны будут внедрить type-checking, поддерживающий все фичи TypeScript`а???

Да пока все игроки рынка, включая Safari, допилят свои движки, пройдет 10 лет!

Именно поэтому Microsoft решил зайти с другого фланга! 🏃‍♂️🏃‍♀️

Помните, как до появления TypeScript`а мы использовали JSdoc-комментарии для того, чтобы хоть как-то типизировать JS?

/**
* @param {string} p1 - A string param.
* @param {string} p2 - An optional param (Closure syntax)
* @param {string} [p3] - Another optional param (JSDoc syntax).
* @return {string} This is the result
*/
function stringsStringStrings(p1, p2, p3) {
// TODO
}

Нечто подобное хотят сделать с типами TS.
JavaScript будет воспринимать их как обычные комментарии в коде. Такие изменения относительно легко внедрить в JS (как быть с поддержкой старых версий непонятно).
Таким образом, этап компиляции кода будет пропущен. А TypeSciprt Compiler будет играть роль ESLint`а, осуществляя Type-checking.

Внимательный читатель скажет: «эмм, в TS же кроме типов есть еще множество фичей! Их же не закомментируешь!»‎
И будет прав, поэтому если вам нужны будут условные декораторы, то этапа компиляции все равно не избежать.
До того момента, пока декотораторы и другие фичи не будут реализованы в JavaScript.

Proposal находится на стадии Stage 0, но ажиотаж вокруг предложения громадный. Поэтому будем следить за его дальнейшей судьбой!

🏋️‍♀️📦 Как отсортировать файл весом в 20GB?

Всемогущий [].sort тут бессилен 🙁
Вас спасет только алгоритм «Внешней сортировки»

https://applied-math-coding.medium.com/how-to-sort-a-20g-file-in-javascript-7bbba19229a9

⚠️ Статья непростая (ну а чего вы ждали, если речь идет про алгоритмы?)

🎡🎢 CSS Scroll Snap - полезнейшая спецификация, о которой мало кто слышал!

Серьезно, я еще ни разу не видел, чтобы эти возможности использовали на практике, хотя браузерная поддержка уже очень хорошая!

CSS Scroll Snap позволяет привязывать положение прокрутки к определённым элементам или местоположению после того, как пользователь прокрутил страницу или элемент.

Другими словами, это дверной доводчик для скроллинга.

Подробнее о самой спецификации:
https://habr.com/ru/post/498456/

А вот отличный практический пример:
https://css-tricks.com/css-scroll-snap-slide-deck/
(Кроме Scroll Snap, в этой статье еще десяток новеньких возможностей CSS используется, поэтому разобраться в коде будет полезно)

🎉 Наконец-то можно библиотечные слайдеры заменить на пару строк CSS!

🗿⛱ На что чаще всего забивают во время разработки фронтенда?

Да как бы таких вещей миллион, но ничто так не раздражает пользователя, как корявая загрузка изображений!

Kent C. Dodds расскажет, как навести красоту:
https://kentcdodds.com/blog/building-an-awesome-image-loading-experience

🎓🎬 React 18! Релизные заметки

В новом выпуске собрал все то, что не было известно на момент релиза alpha-версии.

Ну и конечно же пытаюсь обновиться до React 18!

К просмотру!

Куда ты пропал?

Хотя кого я обманываю, скорее вопрос в твоей голове другой: ты кто вообще такой и почему я на тебя подписан?
Война изменила нашу жизнь и IT-шный сектор ютуба в том числе.

Если проанализировать статистику каналов, то можно заметить сильное падение просмотров у большинства IT-ютуберов.
Мой маленький канальчик это тоже коснулось: просмотры упали раза в 3-4.

Очевидно, что сейчас нужно пробовать какой-то другой формат - над этим я сейчас и думаю.
Надеюсь в ближайшие месяцы к чему-то и приду.

А пока хочу представить вам трогательную работу моего близкого друга Кирилла.
Порой в потоке новостей мы забываем главное: Война - это вообще-то страшно.
И мини-фильм здорово об этом напоминает, и неважно по какую вы сторону баррикад.

https://youtu.be/EYBRCHNTjps