#Javascript

Языки программирования в веб-разработке: От HTML до JavaScript🌐🖥️
20 показов
47 открытий
Javascript-код в MySQL 😲
Javascript-код в MySQL 😲
14 показов
13 открытий
Разработка браузерных игр с использованием Phaser3, React, Typescript

Думаю, ни для кого не секрет, что каждый уважающий себя разработчик программного обеспечения должен иметь в своем портфолио хотя бы один пет-проект, а лучше полноценный продукт, дающий дополнительный постоянный заработок. Предметных областей и тематик приложений великое множество, но среди них есть одна, которая заслуживает отдельного внимания —…

213 показов
212 открытий
Самый лучший современный JavaScript-фреймворк – персональный рейтинг
Самый лучший современный JavaScript-фреймворк – персональный рейтинг
7 показов
14 открытий
Курсы для тех, кто хочет стать программистом

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

201 показ
265 открытий
React Custom Hook: useTimeout
React Custom Hook: useTimeout
27 показов
67 открытий
React Custom Hook: useStorage
React Custom Hook: useStorage

One of the key advantages of this custom hook is its simplicity. You can use it to store any type of data, such as strings, numbers, or even complex objects, with just a few lines of code. Additionally, useStorage handles the serialization and deserialization of data for you, so you don't have to worry about converting values to and from JSON.

16 показов
82 открытия
React Custom Hook: useStateWithValidation
React Custom Hook: useStateWithValidation

One of the key advantages of this custom hook is its flexibility. You can pass any validation function that suits your specific requirements. Whether it's checking the length of a string, ensuring a numeric value falls within a certain range, or performing more complex validations, useStateWithValidation has got you covered.

11 показов
38 открытий
React Custom Hook: useStateWithHistory
React Custom Hook: useStateWithHistory
  • Automatic history tracking: useStateWithHistory automatically keeps track of the values you set, allowing you to access the complete history whenever you need it.
  • Efficient memory usage: The hook utilizes a capacity parameter, ensuring that the history doesn't grow indefinitely. You can define the maximum number of historical values to keep, preventing excessive memory consumption.
  • Time-travel functionality: With back(), forward(), and go() functions, you can seamlessly navigate through the recorded history. Travel back and forth between previous states or jump directly to a specific index, enabling powerful undo/redo or step-by-step functionality.
10 показов
36 открытий
React Custom Hook: useScript
React Custom Hook: useScript

One of the significant advantages of useScript is its ability to handle script loading asynchronously. By setting the script's async attribute to true, you ensure that it won't block the rendering of your application. This improves the performance and overall user experience, especially when dealing with larger scripts or slow network connections.

11 показов
53 открытия
React Custom Hook: useRenderCount
React Custom Hook: useRenderCount

One of the major advantages of using useRenderCount is its simplicity. By abstracting the logic into a reusable hook, you can easily integrate it into any component without cluttering your codebase. Additionally, it provides a clear and concise way to monitor render behavior, which can be crucial for performance optimization and debugging.

9 показов
29 открытий
React Custom Hook: usePrevious
React Custom Hook: usePrevious

This custom hook can be a game-changer in various scenarios. For instance, you can utilize usePrevious to compare and visualize changes in data, track state transitions, or implement undo/redo functionality. Additionally, it can be valuable in form handling, animations, and any situation where having access to the previous value is crucial for…

8 показов
158 открытий
React Custom Hook: useOnScreen
React Custom Hook: useOnScreen
21 показ
54 открытия
React Custom Hook: useOnlineStatus
React Custom Hook: useOnlineStatus

One of the main advantages of "useOnlineStatus" is its simplicity. By importing and using this hook in your component, you can effortlessly access the online status of the user. The hook internally uses the "navigator.onLine" property to determine the initial online status and dynamically updates it whenever the user's connectivity changes.

8 показов
26 открытий
React Custom Hook: useMediaQuery
React Custom Hook: useMediaQuery

One of the key advantages of this custom hook is its simplicity and reusability. With just a few lines of code, you can effortlessly implement responsive behavior throughout your application. Whether you need to conditionally render components, apply specific styles, or trigger different functionality based on screen size, useMediaQuery has got…

5 показов
59 открытий
React Custom Hook: useLongPress
React Custom Hook: useLongPress

One of the key advantages of useLongPress is its simplicity. By utilizing this hook, developers can easily define a long-press action on any element in their React application. With just a few lines of code, the hook takes care of handling the intricacies of tracking the long-press duration and triggering the associated callback function.

11 показов
49 открытий
React Custom Hook: useHover
React Custom Hook: useHover

One of the key advantages of useHover is its simplicity and reusability. By encapsulating the hover logic within the hook, you can easily use it across multiple components without duplicating code. This promotes clean and maintainable code, saving you time and effort in the long run.

15 показов
92 открытия
React Custom Hook: useGeolocation
React Custom Hook: useGeolocation

One of the key advantages of useGeolocation is its simplicity. By encapsulating the complex logic required for geolocation access and handling, this hook provides a clean and reusable solution. The hook automatically handles the loading state, updating it when geolocation data is being fetched, and sets the error state if any issues arise during…

8 показов
33 открытия
React Custom Hook: useFetch
React Custom Hook: useFetch

The useFetch hook also offers flexibility through its customizable options parameter. Developers can pass additional headers, query parameters, or request options as needed, ensuring compatibility with various APIs. The hook follows best practices by providing default options for setting the Content-Type header as application/json, promoting…

9 показов
97 открытий
React Custom Hook: useEventListener
React Custom Hook: useEventListener

One of the major advantages of useEventListener is its flexibility. You can specify the event type, callback function, and even the element where the event listener should be attached. This flexibility allows you to tailor event handling to your specific needs, enhancing the reusability of your code.

16 показов
50 открытий
React Custom Hook: useEffectOnce
React Custom Hook: useEffectOnce

By encapsulating the repetitive useEffect pattern, useEffectOnce allows you to focus on the logic within the effect function itself. This elegant solution saves you from writing boilerplate code repeatedly and helps keep your component files clean and concise.

10 показов
62 открытия
React Custom Hook: useDeepCompareEffect
React Custom Hook: useDeepCompareEffect

One of the key advantages of useDeepCompareEffect is its ability to prevent unnecessary re-renders. By performing a deep comparison between the current and previous dependencies, the hook intelligently determines if the effect should be triggered, leading to optimized performance in scenarios where shallow comparisons fall short.

6 показов
46 открытий
React Custom Hook: useDebugInformation
React Custom Hook: useDebugInformation

One of the main advantages of useDebugInformation is its simplicity. By integrating just a few lines of code into your component, you gain access to a wealth of debugging data. The hook tracks the number of renders, changed props, time since the last render, and the timestamp of the last render. This comprehensive information empowers you to…

8 показов
51 открытие
React Custom Hook: useDebounce
React Custom Hook: useDebounce

One of the main advantages of useDebounce is its simplicity and flexibility. By wrapping your callback function, delay duration, and any dependencies in this custom hook, you can effortlessly implement debouncing functionality without cluttering your component code. The hook takes care of managing the timeout and clears it when necessary,…

10 показов
66 открытий
React Custom Hook: useDarkMode
React Custom Hook: useDarkMode

The "useDarkMode" hook dynamically updates the HTML body class to apply the "dark-mode" styling whenever dark mode is enabled. This approach ensures consistency across all components without the need for manual class manipulation.

16 показов
25 открытий
React Custom Hook: useCopyToClipboard
React Custom Hook: useCopyToClipboard

Copying text to the clipboard in a React application can be a tedious task. To simplify this process, I've created a powerful custom hook called useCopyToClipboard. With just a few lines of code, this hook streamlines the copy-to-clipboard functionality, providing developers with a hassle-free solution.

10 показов
23 открытия
React Custom Hook: useCookie

One of the key advantages of this custom hook is the ability to update the cookie value. The updateCookie function, returned by useCookie, enables you to modify the value of the cookie. By invoking this function with a new value and optional options, such as expiration or path, you can instantly update the cookie. Additionally, the hook…

18 показов
52 открытия
React Custom Hook: useClickOutside
React Custom Hook: useClickOutside

One of the main advantages of useClickOutside is its ease of use. Simply import the hook into your component and pass the desired component's reference and a callback function. The hook takes care of the event listener setup and cleanup, saving you time and effort. Plus, it works seamlessly with functional components using the useState and useRef…

15 показов
117 открытий
React Custom Hook: useAsync
React Custom Hook: useAsync

The useAsync hook takes in a callback function that performs the asynchronous operation and an optional array of dependencies. It returns an object with three properties: loading, error, and value. The loading property indicates whether the operation is currently in progress, while the error property holds any error messages encountered during…

20 показов
45 открытий
React Custom Hook: useArray
React Custom Hook: useArray

In this article series, we embark on a journey through the realm of custom React hooks, discovering their immense potential for elevating your development projects. Our focus today is on the "useArray" hook, one of the many carefully crafted hooks available in the collection of React custom hooks.

14 показов
44 открытия
Product Owner, Head of UA, Android Dev или тот кто не сдался рынку труда

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

3K показов
383 открытия
Подборка лучших нейросетей для программистов
77 показов
1.4K открытий
Сколько зарабатывают frontend разработчики. Перспективы работы в России и в мире в 2023 году

Друзья, привет!
При построении карьеры в сфере веб-разработки, у вас, несомненно, может возникнуть много вопросов. Какие языки программирования следует изучать? Как выглядит рынок труда сегодня? На какую зарплату вы можете рассчитывать, получив заветную должность?

6.2K показов
9.8K открытий
Fullstack-разработчик на JavaScript: кому подойдет профессия и с чего начать изучение

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

407 показов
437 открытий
Самые популярные языки программирования в сфере нейросетей
265 показов
1.8K открытий
Дополнительная скидка до 15% в GeekBrains

Онлайн-школа GeekBrains предлагает всем своим клиентам получить дополнительную скидку до 15% на все курсы по специальному промокоду geekpromo. Чтобы получить допскидку по промокоду, вам нужно после оформления заявки на курс сообщить сотруднику отдела продаж онлайн-школы, что у вас есть промокод. Но для начала нужно перейти на сайт ГикБрейнс по…

Дополнительная скидка до 15% в GeekBrains
22 показа
34 открытия
Производительность ...spread оператора

В React распространенным методом изменения свойств объектов является применение spread оператора. Его синтаксис подкупает своей простой и понятностью.

357 показов
137 открытий
Дополнительная скидка 5% на любой курс Purple School

Онлайн-школа Purple School предлагает дополнительную скидку 5% на все свои курсы разработки и DevOps практик по нашему эксклюзивному промокоду - U4I. Чтобы получить скидку, введите этот промокод перед покупкой курса. Чтобы посмотреть все курсы онлайн-школы, перейдите по ссылке: Актировать промокод

Дополнительная скидка 5% на любой курс Purple School
18 показов
31 открытие
В GeekBrains скидка 63% на все курсы

Чтобы купить курс по выгодной скидке, перейдите по ссылке в новости на нашем сайте: https://u4i.online/geekbrains-news/

В GeekBrains скидка 63% на все курсы
12 показов
40 открытий
В Skillbox весенние скидки до 50% на онлайн-курсы

Чтобы купить курс со скидкой, перейдите по ссылке в новости на нашем сайте: https://u4i.online/

В Skillbox весенние скидки до 50% на онлайн-курсы
11 показов
28 открытий
В Нетологии скидки до 60% на курсы и профессии

Сейчас на официальном сайте онлайн-школы Нетология на все курсы действуют скидки до 60%. Чтобы записаться на курс со скидкой, перейдите по ссылке в новости на нашем сайте: https://u4i.online/

В Нетологии скидки до 60% на курсы и профессии
19 показов
36 открытий
Запишитесь на онлайн-курс «ВЕБ-РАЗРАБОТЧИК» в Loftschool со скидкой 60%!

Записаться на курс со скидкой: «ВЕБ-РАЗРАБОТЧИК»

Онлайн-курс «ВЕБ-РАЗРАБОТЧИК» в Loftschool со скидкой 60%!
29 показов
19 открытий