React 19 уничтожит все фреймворки

React 19 уничтожит все фреймворки
11

Как импортозаместить сервисы: Разработка корпоративного чат-бота с использованием React и библиотеки Urban Bot

В статье я расскажу о том, как мы импортозаметстили токсичные сервисы с помощью чат-бота и о малоизвестном способе разработки чат-ботов — React + декларативный подход, который основан на базе библиотеки Urban Bot, а также приведу примеры различных подходов разработки чат-ботов, и, разумеется, поделюсь своим опытом продуктовой разработки для импорто…

Как импортозаместить сервисы:  Разработка корпоративного чат-бота с использованием React и библиотеки Urban Bot
44

Connecting the world 🌎

Hello Folks 👋🏼

Connecting the world 🌎

Разработка браузерных игр с использованием Phaser3, React, Typescript

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

Все социальные сети в одном месте! Аналог Taplink и Linktree на React JS и Chakra UI!

Поэтому мне пришла идея сделать такой сервис для себя и разместить конечный результат на сервере, а в этой статье я хочу поделиться своим проектом и рассказать Вам как его настроить и использовать!

Все социальные сети в одном месте
11

Разработал аналог P2P Wallet в Telegram или как я сделал WebApp в Telegram

Всем привет! Думаю все видели новость о том что Telegram сделал кошелек Wallet доступным для каждого пользователя. Еще до этих событий ко мне обратился клиент, сделать копию P2P Маркета Wallet для его страны.

33

React Custom Hook: useTimeout

React Custom Hook: useTimeout

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.

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.

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 your…

React Custom Hook: useOnScreen

React Custom Hook: useOnScreen
11

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.

11

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 you…

11

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

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.

11

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.

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.

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 analyz…

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, ensuring…

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.

React Custom Hook: useCookie

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 convenientl…

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 h…

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 the…

Исследование спроса на разработчиков

Недавно мы снова провели исследование рынка спроса на разработчиков, опираясь на количество вакансий, размещенных на сайте HH. Мы рассмотрели несколько основных технологий и сравнили их спрос с началом прошлого года.
Итак, что мы выяснили?
1. Первый объект исследования - Java. Спрос на разработчиков на этом языке программирования с начала прошлого го…

Запишитесь на курс «Профессия Full Stack разработчик» в Loftschool со скидкой 60%!

Скидка до 70% на курсы разработки и DevOps практикам в Purple School

Скидка до 70% на курсы разработки и DevOps практикам в Purple School

Скидка 40% на годовую подписку на все платные тренажеры HTML Academy

Сейчас на сайте HTML Academy вы можете оформить платную подписку на все платные тренажера образовательной онлайн-платформы. Чтобы получить скидку, перейдите на страницу оформления подписки на сайте HTML Academy по этой ссылке: получить скидку. Больше полезной информации об онлайн-школе вы можете узнать на нашем сайте: https://u4i.online/htmlacademy

7 полезных библиотек React, которыми вы возможно ещё не пользовались

React – популярная библиотека JavaScript для создания пользовательских интерфейсов. В свою очередь, существует множество библиотек для React, которые могут помочь сделать ваши проекты еще более яркими, продуктивными и эффективными. Библиотеки компонентов react могут значительно повысить продуктивность вашей разработки.

Тестирование React. Часть 3: Storybook

Всем привет. Я - Петр Цой. Ищу первую работу на React. В качестве моего резюме выступает сайт petrtcoi.com. Ссылка на GitHub.

22

Тестирование React. Часть 2: Playwright

Всем привет. Я - Петр Цой. Ищу первую работу на React. В качестве моего резюме выступает сайт petrtcoi.com. Ссылка на GitHub.

11

Смена темы сайта через CSS-переменные

Всем привет. Меня зовут Петр Цой. Я нахожусь в поисках своей первой работы в качестве ReactJS разработчика. Есть хороший опыт самостоятельной разработки коммерческих сайтов. В качестве примера и моего резюме выступает одноименный сайт petrtcoi.com. Ссылка на GitHub.

Выявление психотических симптомов у IT с применением высоких технологий

Заголовок, разумеется, шутка, но лишь отчасти. Хотел бы предложить аудитории форума - для ознакомления и критики - некую модификацию теста, в чем-то перекликающегося с brief version давно известного теста. Приложение написано на #react , отсюда и "высокие технологии"... но остальное более-менее серьезно. Контент вопросов несколько более специфичен…

Сорсинг в твиттере

Сорсинг в твиттере

Выходим на кандидатов, которые открыты для предложений, ищем по био, выжимаем максимум из X-ray и внутреннего поиска.

44

Резюме

#ищуработу Меня зовут Петр. Я начинающий frontend-разработчик (React, Redux, JS/TS)

11

Система для обучения нейронных сетей: как мы создали мощный отказоустойчивый сервис для бизнеса и разработчиков

Система для обучения нейронных сетей: как мы создали мощный отказоустойчивый сервис для бизнеса и разработчиков

Машинное обучение стало популярной темой в последние годы, причем не только в среде разработчиков, но у широкой общественности. При этом разработка моделей для обучения нейронных сетей требует высокого уровня знаний и опыта в предметной области. Не все, кому она требуется, могут обучить себе модель самостоятельно, а обращаться к сторонним специалис…

55

Дедлайн-трекер на React Native

Это моё второе приложение на React Native. В этот раз разработка проходила проще и быстрее, так как многое было изучено в процессе создания первого приложения.

22

Приложение для подбора фильмов на React Native + NodeJS

Привет, хотел очень коротко рассказать, каково было делать приложение под мобилку на react native. Изначально я занимался какое-то время разработкой игр на Unity под тот же Android, но почему-то возникло желание сделать именно приложение. В итоге решил делать на нейтиве (ссылки на тех, кто помог освоить react native оставлю ниже), так как с флаттер…

11

Структура React REST API приложения + TypeScript + Styled-Components

Структура React REST API приложения + TypeScript + Styled-Components

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

44

Оптимизация подключения REST API для React приложений

stepanstepan4@gmail.com

Инструкция направлена на оптимизацию способа обмена данными между клиентом и сервером.

1313

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.

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, prevent…

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.