Если функция принимает несколько параметров одного типа
🟡 Есть риск случайно передать аргументы в неправильном порядке
Типы нас от этого не спасут
Вместо этого
🟢 Принимай объект
3 простых правила для лучшего нейминга
Классы — используем существительные
❌ class MapPaymentMethod
✅ class PaymentMethodMapper
Функции — используем глаголы
❌ emailSend()
✅ sendEmail()
Булевы переменные — используем прилагательные
❌ active
✅ isActive
Маленькое изменение → большой эффект
👉 Гайды по JavaScript | дать буст
Типы нас от этого не спасут
Вместо этого
3 простых правила для лучшего нейминга
Классы — используем существительные
Функции — используем глаголы
Булевы переменные — используем прилагательные
Маленькое изменение → большой эффект
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Не пишите
Подобные хаки делают код труднообъяснимым и вводят условия гонки
👉 Гайды по JavaScript | дать буст
setTimeout
в коде фронтенда!!!Подобные хаки делают код труднообъяснимым и вводят условия гонки
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Chrome только что добавил ИИ в DevTools
Пишешь промпт → он сразу меняет твой сайт и выдаёт код.
Веб-разработка вышла на новый уровень
Огромное спасибо команде ChromiumDev за то, что сделали это возможным
👉 Гайды по JavaScript | дать буст
Пишешь промпт → он сразу меняет твой сайт и выдаёт код.
Веб-разработка вышла на новый уровень
Огромное спасибо команде ChromiumDev за то, что сделали это возможным
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Эта библиотека компонентов забита офигенными анимированными компонентами
Она опенсорсная, с современными UI-элементами, которые моментально делают сайт премиальным и интерактивным :)
Надеюсь, будет полезно
https://scrollx-ui.vercel.app/
👉 Гайды по JavaScript | дать буст
Она опенсорсная, с современными UI-элементами, которые моментально делают сайт премиальным и интерактивным :)
Надеюсь, будет полезно
https://scrollx-ui.vercel.app/
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Очень полезное расширение для VS Code
Позволяет сгенерировать дерево файлов проекта в разных форматах — JSON, SVG, Markdown или ASCII, с иконками или без :)
Гайды по JavaScript | дать буст
Позволяет сгенерировать дерево файлов проекта в разных форматах — JSON, SVG, Markdown или ASCII, с иконками или без :)
Гайды по JavaScript | дать буст
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Нужны качественные UI-компоненты для React-проектов
Эта open-source библиотека собрала отличную коллекцию компонентов, каждый с разными вариациями под твои задачи в интерфейсе.
Надеюсь, будет полезно
https://reui.io/
Эта open-source библиотека собрала отличную коллекцию компонентов, каждый с разными вариациями под твои задачи в интерфейсе.
Надеюсь, будет полезно
https://reui.io/
Фишка в TypeScript, которая поднимет код вашей команды на новый уровень
Смотрите продвинутые паттерны в деле
👉 Гайды по JavaScript | дать буст
Смотрите продвинутые паттерны в деле
Please open Telegram to view this post
VIEW IN TELEGRAM
TypeScript был создан, чтобы прокачать JavaScript, добавив статическую типизацию
Если давно хотел разобраться с TS, начни с этого handbook от stephenjyd
Ты узнаешь про аннотации типов, type inference, union и any, объекты, параметры функций, type aliases, интерфейсы и многое другое
https://freecodecamp.org/news/learn-typescript-with-react-handbook/
👉 Гайды по JavaScript | дать буст
Если давно хотел разобраться с TS, начни с этого handbook от stephenjyd
Ты узнаешь про аннотации типов, type inference, union и any, объекты, параметры функций, type aliases, интерфейсы и многое другое
https://freecodecamp.org/news/learn-typescript-with-react-handbook/
Please open Telegram to view this post
VIEW IN TELEGRAM
10 часто используемых команд для работы с файловой системой в Linux
👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Этот паттерн в TypeScript сделает твой код лучше:
[C in Union]: Type[C]
Смотри, как это работает
👉 Гайды по JavaScript | дать буст
[C in Union]: Type[C]
Смотри, как это работает
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Не экранируй вручную обратный слэш (
Он воспринимает
👉 Гайды по JavaScript | дать буст
\\
) — используй String.raw
String.raw
— это тег для template literal, который возвращает строку «как есть», без обработки escape-последовательностей вроде \t, \n.Он воспринимает
\
и t
как отдельные символы и сам правильно выводит обратный слэш в результате.Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Please open Telegram to view this post
VIEW IN TELEGRAM
Next.js 15.5. TypeScript стал удобнее
Теперь автоматически генерируются глобально доступные типы
✅ Полная типизация параметров
✅ Импорты не нужны
https://nextjs.org/blog/next-15-5
👉 Гайды по JavaScript | дать буст
Теперь автоматически генерируются глобально доступные типы
https://nextjs.org/blog/next-15-5
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Консольные методы JavaScript
- log( )
- error( )
- warn( )
- info( )
- debug( )
- table( )
- group( )
- groupEnd( )
- time()
- timeEnd()
- assert( )
- count( )
- countReset()
- dir( )
- clear( )
Читайте подробнее: https://shefali.dev/javascript-console-methods/
👉 Гайды по JavaScript | дать буст
- log( )
- error( )
- warn( )
- info( )
- debug( )
- table( )
- group( )
- groupEnd( )
- time()
- timeEnd()
- assert( )
- count( )
- countReset()
- dir( )
- clear( )
Читайте подробнее: https://shefali.dev/javascript-console-methods/
Please open Telegram to view this post
VIEW IN TELEGRAM
Shefali
JavaScript Console Methods: 14 Methods for Effective Debugging
Discover 14 JavaScript console methods to enhance the development workflow and make debugging much easier.
❤1