React.js против React Native.

🟡React.js используется для разработки веб-приложений, работает на всех платформах, использует HTML-теги, JavaScript-библиотеки и CSS-анимации, а для навигации применяет React-router.
🟡React Native предназначен для создания мобильных приложений, не использует HTML-теги, имеет встроенные библиотеки анимации и навигации, но требует дополнительных усилий для адаптации на разных платформах.

👉 Гайды по JavaScript | дать буст

Если у вас есть проект на GitHub, вы можете легко добавить к нему документацию с помощью вики.

Вики помогает создавать, управлять и размещать документацию прямо на GitHub.

В этом руководстве, классный чувак из freecodecamp поможет вам установить вики, а затем и настроить ее.

▶️ https://www.freecodecamp.org/news/what-is-github-wiki-and-how-do-you-use-it/

👉 Гайды по JavaScript | дать буст

JavaScript - Пример дебаггинга.

👉 Гайды по JavaScript | дать буст

Этот ресурс для программистов на JavaScript просто замечательный.

Он сравнивает скорость работы различных JS-кодов.

Он позволяет легко делиться кодом и результатами:

→ http://benchjs.com

👉 Гайды по JavaScript | дать буст

При изучении React я больше всего боролся с проблемой разделения обязанностей.

Когда отделять JSX в новые компоненты? Когда создавать пользовательские хуки? Как абстрагировать слой данных от представления?

Вот короткое видео о том, как это сделать ↓

👉 Гайды по JavaScript | дать буст

Полный курс по созданию чатбота RAG и его развертыванию на сайте с использованием JavaScript, LangChain.js, Next.js, Vercel, OpenAI

▶️ Источник

👉 Гайды по JavaScript | дать буст

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

☑ Вместо этого получайте состояние непосредственно в обработчике события, так у вас будет одна единственная фаза рендеринга.

👉 Гайды по JavaScript | дать буст

JavaScript - объяснение дросселирования.

Функция throttle гарантирует, что logScrollPosition будет вызываться не чаще одного раза в 200 мс, даже если пользователь прокручивает страницу быстро.

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

👉 Гайды по JavaScript | дать буст

JavaScript Манипулирование массивами

👉 Гайды по JavaScript | дать буст

JavaScript - Различия между логическими и нулевыми операторами

🟡||= перезаписывает переменную, если она ложная (false, 0, "", null, undefined, NaN).
🟡??= перезаписывает переменную только если она null или undefined (но не 0 или "").

👉 Гайды по JavaScript | дать буст

Нужно создать форму с несколькими шагами?
С помощью этой библиотеки вы сделаете это, просто используя JSON

✓ Внесите логику, переменные, условия, циклы...
✓ Совместимость с React

> npm install formity

👉 Гайды по JavaScript | дать буст

Изучайте JavaScript бесплатно в 2025 году:

1. http://javascript.info

2. http://javascriptquiz.com

3. http://eloquentjavascript.net

4. http://learn-js.org

5. http://javascript30.com

👉 Гайды по JavaScript | дать буст

Эта библиотека JavaScript позволяет добавить потрясающие эффекты курсора, которые выглядят плавно, футуристично и безумно круто.

Подготовьтесь заставить пользователей сказать WOWWW ✌️

https://cursify.vercel.app/

👉 Гайды по JavaScript | дать буст

Методы объектов JavaScript - часть 1

Object.keys() – получение всех ключей объекта.
Object.values() – получение всех значений объекта.
Object.entries() – преобразование объекта в массив пар [ключ, значение].
Object.assign() – объединение объектов.
Object.freeze() – предотвращение изменения объекта.

👉 Гайды по JavaScript | дать буст

Элока́нтный JavaScript от Марийна Хавербеке

Эта высоко оцененная книга идеально подходит как для начинающих, так и для опытных программистов, которые хотят углубить свои знания. И она БЕСПЛАТНАЯ!

Книга сочетает в себе фундаментальные концепции и практические проекты, что делает её одной из самых рекомендуемых книг по JavaScript. Это отличный ресурс, охватывающий всё: от основ до продвинутых тем.

⏩Ссылка: https://eloquentjavascript.net

👉 Гайды по JavaScript | дать буст

Знали ли вы, что можно редактировать любой сайт с помощью простого трюка на JavaScript?

Этот способ позволяет временно изменять содержимое веб-страницы прямо в браузере без изменения исходного кода сайта.

🔸Нажмите F12, чтобы открыть DevTools
🔸Перейдите на вкладку Console
🔸Введите в консоли JS:

document.designMode = "on"

Закройте DevTools и редактируйте страницу как обычный текст!

👉 Гайды по JavaScript | дать буст

❌Избегайте монолитных компонентов, которые объединяют рендеринг, управление состоянием и конфигурацию (например, ID, refs) в одном блоке — это усложняет поддержку, тестирование и повторное использование.

☑ Вместо этого разделяйте функциональность на композиционные компоненты и используйте контекст для передачи конфигурации и состояния.

👉 Гайды по JavaScript | дать буст

Методы объектов JavaScript - часть 2

Object.seal(obj) – можно менять свойства, но нельзя добавлять/удалять.
Object.hasOwnProperty(key) – проверка, есть ли ключ в объекте.
Object.fromEntries(entries) – превращает массив пар ключ-значение обратно в объект.
Object.getOwnPropertyDescriptors(obj) – показывает, какие свойства у объекта и их флаги.
Object.create(proto) – создаёт новый объект с указанным прототипом.

Полезно, если работаешь с данными, конфигами или хочешь лучше понимать объекты в JS!

👉 Гайды по JavaScript | дать буст

Научись создавать видеоигру с нуля!

С помощью JavaScript и ThreeJS ты создашь Crossy Road.

Полный учебник со всеми шагами: ссылка

👉 Гайды по JavaScript | дать буст

Обработка ошибок в Javascript - часть 1

В коде используются конструкции try-catch для обработки ошибок при разборе JSON и при развертывании сервиса. Также определён пользовательский класс DeploymentError, который расширяет Error и используется для генерации ошибок при неправильном выборе сервиса.

👉 Гайды по JavaScript | дать буст