Frontend.code - JS Разработка
218 subscribers
81 photos
1 video
79 links
Надежный источник знаний и вдохновения в мире frontend разработки.

https://t.me/frontenddotcode?boost

Практические примеры кода, подробные туториалы, советы от опытного разработчика, обзоры последних инструментов и технологий
Download Telegram
Typescript 5.1

Релизнулась ts 5.1 rc. А это значит, что ее уже можно попробовать (основной версией она станет спустя некоторое время)

Кратко, что добавили:

- Упрощенный неявный возврат для undefined значений у функций
- Несвязанные типы для геттеров и сеттеров
- Раздельная проверка типов между элементами jsx и типами тегов
- Пространство имен для атрибутов jsx
- Оптимизацию

Изменились и минимальные требования, теперь это ES2020 и Node.js 14.17.

Ссылка на релиз

#js #ts #news
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
Большой фронтенд

Чем больше проект, тем больше проблем. Если какая-то проблема кажется незначительной на малом и среднем проекте, то она часто перерастает во что-то серьезное при масштабировании.

Статейка интересная, если коротко:
- Удаляйте весь неиспользуемый код сразу (Этим часто грешат джуны). Лучше потом найти в коммитах правки и восстановить удаленное, чем путать коллег и заставлять их изучать бесполезный код.
- Удаляйте неиспользуемые зависимости сразу.
- Определитесь с шаблонами и стилем кода. «В коде должны быть узнаваемы паттерны, но не авторы»
- 10 раз подумайте, а нужно ли вам обновлять зависимости
- Прописывайте типы как можно конкретней (необязательные свойства часто путают и ставят в ступор). В тексте приведен неплохой пример. Лично у нас, в рабочих проектах, этот косяк постоянно всплывает.
- Уменьшаем компоненты и выносим код в хуки и отдельные файлы.
- и еще много чего.

Автор, кстати, рассказывает про свой личный опыт.

Статья на английском

#js #ts #middle
Please open Telegram to view this post
VIEW IN TELEGRAM
5 советов по улучшению вашего Typescript

Советы, приведенные в этой статье, помогут в полной мере использовать проверку типов в TypeScript и повысить качество кода

- Используйте операторы объединения ( | и & )
- Разделяйте типы на несколько видов, чтобы избежать необязательных свойств (в статье есть пример)
- С помощью предикатов можно создавать проверки принадлежности значения к определенному типу
- Используйте перечисления (enum)
- Будьте аккуратней с дженериками

Статья на английском

#js #ts #middle
Please open Telegram to view this post
VIEW IN TELEGRAM
Анонс Typescript 5.2

- Новый декоратор setMetadata
- using, явное управление ресурсами (для чистки памяти)
- Упрощенное использование методов для объединения массивов
- Добавили новые фишки из последней версии ECMAScript
и т.д.

Ссылка на релиз

#js #ts #news
Please open Telegram to view this post
VIEW IN TELEGRAM
Bun 1.0

У нас тут появилась альтернатива всему и вся. Вчера релизнулся Bun 1.0

Это, как они сами пишут, инструмент "всё в одном", который замахивается на замену Node.js, пакетным менеджерам и подобным вещам.

В релизе пишут что bun запускается в 4 раза быстрее Node.js

Ссылка на релиз

#js #ts #nodejs #npm #news
Please open Telegram to view this post
VIEW IN TELEGRAM
Bun v1.0.21

Bun активно развивается, релизнулась уже 21 версия. Комьюнити достаточно активное. Сторонние библиотеки потихоньку предлагают использовать пакетный менеджер bun.

Изменения:
- Устранили 33 бага
- Поддержка console.table()!
- Больше информации об ошибках в bun:sqlite
- Большие файлы в FormData, Bun.write, Bun.file, bun:sqlite используют меньше оперативки

Ссылка на релиз

#ts #js #nodejs #bun #news

P.s. Вернулись в строй, будем восстанавливать режим публикаций. Всех с Новым Годом!🌲
Please open Telegram to view this post
VIEW IN TELEGRAM
Топ проектов на JS

Ребята из bestofjs выпустили 8-е издание JavaScript Rising Stars - тенденции JS в 2023 году.

За основу бралось количество звезд, добавленных на GitHub за последние 12 месяцев.

В рейтинге есть описание проектов каждой категории, ссылки и графики популярности

Ссылка на топ

#js #ts #news
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Next.js 14.1

На этой неделе вышло обновление next, изменения:

- Новая документация по self-hosting
- Добавили возможность кастомного обработчика кэша.
- Улучшили турбопакет
- Улучшили сообщения об ошибках
- Добавили в appRoute поддержку pushState и replaceState
- Пофиксили 20 багов в работе роутов
- Прокачали next/image

Ссылка на релиз

#js #ts #react #news #framework
Please open Telegram to view this post
VIEW IN TELEGRAM
Nuxt 3.10

Изменения:
- Новый useId для генерации ID для SSR
- Возможность расширения router.options в модулях
- Экспериментальная поддержка nodejs на стороне клиента
- Улучшили реактивность cookie
- Теперь можно менять метаданные роута в модулях и хуках
- и т.д.

Ссылка на релиз

#js #ts #vue #news
Please open Telegram to view this post
VIEW IN TELEGRAM
🔝 Senior Frontend Developer Roadmap 2024

Как поднять свой уровень до сеньера, а если вы уже таковым являетесь, то в правильном ли направлении двигаетесь?
Написано интересно и с юмором.

Осторожна! Многа букав!


🇺🇸 Ссылка на статью

#js #ts #css #html #mem #senior #pomidor
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
321