⚡️⚡️ 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

🙏⚖️ Исповедь HTML-программиста!

Как же трудна жизнь html-программиста. То тэг закрыть забудешь, то стили отвалятся...

Всем привет! Вам не кажется, что пора вдохнуть в этот канал новую жизнь?

К просмотру!

🤼‍♀️🎖 CSS-фреймворки vs чистый CSS

Меня тут давеча обвинили в хейтерстве css-фреймворков типо бутстрапа и tailwind.

Однако я к ним отношусь прекрасно. Но считаю, что на данный момент они здорово используются на малых проектах.

Нужно за пару недель своять простенькое приложение и сдать заказчику? - супер, css-фреймворк поможет это сделать быстро и более менее приемлимо.

Нужно быстро слепить MVP? - пожалуйста, разработчику не нужно тратить много времени, чтобы написать качественные стили!

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

А что думаете вы?

🎉🧑‍💻 С Днем Программиста, программисты!

Вот и настал 256-ой день года, по странному стечению обстоятельств названный днем кодера.

Узнал я про этот праздник всего пару лет назад, когда директор устроил нам корпоратив: вывез на пейнтбол и расстрелял нас из дорогущего золотого (реально!) автомата. Мы оружия так и не получили.

Всем желаю простых багов, здоровых спин и зрения!

🍎🖥 Стив Возняк - программист, изменивший мир!

Каждый физик знает Альберта Эйнштейна!
Каждый художник - Сальвадора Дали!

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

Давайте исправим это, познав историю великого программиста и сооснователя Apple
Стива Возняка.

P.S. Друзья, ролик получился нестандартным для канала и пока ютуб его ценит.
Поэтому слезно прошу вас поставить лайк под видео и оставить комментарий! 🙏

К просмотру!

👨‍🏫🔎 Программист стереотипный в поисках себя!

Стеротипы преследуют нас всю жизнь. От одних мы страдаем, другие иной раз бывают полезны.
Всем "Тыж программистам" посвящается!

К просмотру!

🤖🎮 Учим ИИ в игры играть!

Ролики отныне выходят на новом канале по совокупности причин, поэтому подписывайтесь, друзья!

К просмотру!

Кто тут хочет стать сеньором-фронтендером?
Канал Frontenders notes для вас!
https://t.me/frontendnoteschannel

А для тех, кого заинтересовала тема машинного обучения тоже есть полезнейший канал!
https://t.me/devsp

🥷🛠 Как работает язык программирования?

Многие программисты в совершенстве знают свой язык программирования,
но лишь единицы понимают как на самом деле работает код..

К просмотру!

☃️💼 Как не облажаться с задачкой на интервью?

Январь - пора собеседований в мире IT.

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

В новом ролике попытаемся понять: как правильно решать задачки на интервью?

К просмотру!