Гайды по JavaScript | Программирование
8.16K subscribers
3.16K photos
77 videos
20 files
3.21K links
Наглядные и доступные гайды в картинках по языку программирования JavaScript

Связь: @devmangx
Download Telegram
JavaScript - понимание ключевого слова 'this'

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
3
This media is not supported in your browser
VIEW IN TELEGRAM
Избегайте использования useState() для сложного управления состоянием в React

Вместо этого используйте useReducer:

1. Предсказуемые переходы состояний
2. Легче тестировать
3. Лучше масштабируется

👉 Гайды по JavaScript | дать буст
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
3
Типы структур данных

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Аутентификация — это ключевая концепция в разработке программного обеспечения.

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

В этом руководстве вы научитесь добавлять аутентификацию на основе JWT в приложения NestJS.

https://www.freecodecamp.org/news/how-to-add-jwt-based-authentication-in-nest-js/

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍1
Javascript - Литералы шаблонов с метками.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
2
This media is not supported in your browser
VIEW IN TELEGRAM
Если вы используете fetch() в useEffect, вам, вероятно, стоит посмотреть это короткое видео 👆

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
React.js против React Native.

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

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Если у вас есть проект на GitHub, вы можете легко добавить к нему документацию с помощью вики.

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

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

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

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript - Пример дебаггинга.

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Этот ресурс для программистов на JavaScript просто замечательный.

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

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

http://benchjs.com

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
При изучении React я больше всего боролся с проблемой разделения обязанностей.

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

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

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Полный курс по созданию чатбота RAG и его развертыванию на сайте с использованием JavaScript, LangChain.js, Next.js, Vercel, OpenAI

▶️ Источник

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Избегайте получения состояния в useEffect в React, это может создать несколько ненужных фаз рендеринга.

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

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
JavaScript - объяснение дросселирования.

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

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

👉 Гайды по JavaScript | дать буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4