Alexeev Blog


Гео и язык канала: не указан, не указан
Категория: не указана



Гео и язык канала
не указан, не указан
Категория
не указана
Статистика
Фильтр публикаций


Видео недоступно для предпросмотра
Смотреть в Telegram
А минусы будут?


Кратко и по-русски что поменялось, честно говоря я ожидал какой то там их новый компилятор, который помнится они обещали.
Но вот за отказ от forwarRef спасибо. Однако опять же - пока Vue 3 кажется на 3 головы DX проще.

React 19 представляет собой новую версию React, которая включает в себя улучшенные возможности для работы с асинхронными функциями, улучшенную поддержку форм и действий, а также новые хуки и API для работы с серверными компонентами и действиями. Вот основные моменты и их перевод на русский язык:

1. Улучшенная поддержка асинхронных функций в компонентах:
- В React 19 добавлена поддержка использования асинхронных функций в переходах для автоматического управления состоянием ожидания, обработки ошибок и оптимистических обновлений.

2. Новые хуки и API:
- useActionState: новый хук для упрощения общих случаев работы с действиями (Actions).
- useOptimistic: новый хук для упрощения управления оптимистическими обновлениями.
- use: новый API для чтения ресурсов в рендеринге.
- Actions: интеграция действий с элементами формы для автоматического управления отправкой форм.
- useFormStatus: новый хук для доступа к информации о родительской форме.

3. Улучшения в React DOM:
- ref как prop: теперь функции компонентов могут получать ref как проп.
- улучшенная отчетность о ошибках гидратации: теперь при ошибках гидратации выводится разница между серверным и клиентским рендерингом.
- поддержка Document Metadata: теперь можно рендерить элементы метаданных напрямую в компонентах.
- поддержка стилей: улучшена интеграция с Concurrent Rendering и Streaming Rendering для управления стилями.
- поддержка асинхронных скриптов: теперь можно рендерить асинхронные скрипты в любом месте компонентного дерева.
- поддержка предварительной загрузки ресурсов: добавлены новые API для предварительной загрузки ресурсов.

4. Улучшения в ошибках:
- Улучшена отчетность о ошибках гидратации, теперь выводится разница между серверным и клиентским рендерингом.
- Добавлены новые опции для обработки ошибок: onCaughtError, onUncaughtError и onRecoverableError.

Эти изменения улучшают производительность, упрощают управление состояниями и ошибками, а также повышают удобство использования React.


Тем временем вышел 19 реакт. Надо изучить.

https://react.dev/blog/2024/12/05/react-19


Репост из: METANIT.COM
Видео недоступно для предпросмотра
Смотреть в Telegram
Архитектурные стили API и их отличия


Репост из: METANIT.COM
Объектно-ориентированный JavaScript за 2 минуты #javascript


Адвент календарь с задачками на TS)

https://www.adventofts.com/


Новая работа встречает неоднозначно)




Попросил чат гпт объяснить цикл событий в JS максимально понятным языком:

Event Loop — это как шмон в зоне: всё по-порядку, чтобы не было завалов и косяков.

- Javascript — это как один брат на зоне, который мутит все дела сам, без всяких заскоков.

- Call Stack — это его список дел, который выполняется по очереди, пока не опустеет, как карман у залетного.

- Web APIs — это когда ты кому-то фишку отдал: жди, пока он свои дела раскрутит.

- Callback Queue — это когда все дела закончены, и они стоят в очереди, как на выходе из бани.

- Event Loop — как надзиратель: смотрит, пока поток свободен, тогда берет следующее задание из очереди и отпускает его на дело.

Вот так этот Event Loop вертится, чтобы всё работало чётко и без задержек. Проблемы не ждут, давай, на выход!


Получилось вполне неплохо и даже забавно)


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

https://habr.com/ru/companies/sberbank/articles/781612/


Ну вообще EventLoop это часть рантайма (Node.js/браузер...) но никак не JS.

Концепция и правда сложная и для многих мифическая, поэтому ресурс, описанный в посте, очень полезен для тех кто хочет понять как реально выполняется его код.


13 подписчиков. Чертова дюжина получается) Всем новоприбывшим добро пожаловать


Репост из: Японский фронтенд
Сайт для выбора UI-библиотеки для вашего проекта

В целом выборы неплохие, даже есть минимальная фильтрация!


Репост из: METANIT.COM
Видео недоступно для предпросмотра
Смотреть в Telegram
Архитектурные паттерны


Хвастаюсь обновой клавиатуры. Механика, ретро стиль, ядерный чемоданчик 1986го. Не думал что себе такое куплю, но когда увидел - купил.


Репост из: Будни разработчика
Видео недоступно для предпросмотра
Смотреть в Telegram
#заметка дня

Сегодня немного о том, как же хорошо иметь отклик аудитории в соцсетях.

Некто Бен Дикен (ну как, некто, его статью по B-деревьям и индексам в базах данных мы недавно читали) решил хайпануть на теме производительности разных языков и сред. Ну, на синтетических тестах, если уж совсем точно.

И выкатил видео, на котором тупо визуализировал результат выполнения 1 миллиарда итераций вложенных циклов: https://benjdd.com/loops/

Ну, условно, вот такой код:


let array = new Array(10000);
for (let i = 0; i < 10000; i++) {
for (let j = 0; j < 100000; j++) {
array[i] = array[i] + j;
}
}


Если коротко, то получилось, что JS в Node.js в 30 раз медленнее, чем C, скомпилированный в gcc с -O1 (минимальной оптимизацией).

Ох, как же его начали макать... Опустим очевидные моменты вроде тех, что никому в реальной жизни не интересно, как там миллиард циклов выполнится. Что гораздо интереснее — это как всё улучшить.

Как оказалось, улучшать есть что! На иллюстрации к посту вы видите результат коллективной работы большого числа людей. Как видим, JS лишь в 2-2.5 раза медленнее: https://benjdd.com/languages/

Как так вышло? Очень просто: know your tools.

Например, прям из простейшего: если в JS создать массив как new Array(10000), он будет заполнен мусором и готов будет принимать в себя любые типы элементов. А если new Array(10000).fill(0) — движок оптимизирует код под работу с целыми числами. И буст будет просто огромный.

Вот вам и динамический язык, кто бы мог подумать. Дальше — больше (new Int32Array(10000), например).

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

Особенно если вы собираетесь вложенные циклы миллиардами итераций выполнять.

#performance #test


Репост из: прод не упал


Репост из: Vue-FAQ
📖
Закончен перевод книги "Vue.js 3 Design Patterns and Best Practices"

Лучший материал для самостоятельного изучения Vue.js
https://vue-faq.org/ru/book/

#learning #architecture #book




Последнее время из современных языков программирования как то сильно зацепил Go. Годные репозитории для изучения Go:

https://github.com/jub0bs/go-course-beginner

https://mehdihadeli.github.io/awesome-go-education/resources/

Показано 20 последних публикаций.

14

подписчиков
Статистика канала