| Date | Title | Description |
| 21.02.2025 | Together AI Raises $305M Series B to Scale AI Acceleration Cloud for Open Source and Enterprise AI | Funding will accelerate Together AI's leadership as the preferred AI Cloud for building modern AI applications with open source models, and for training frontier models with its large-scale deployment of NVIDIA Blackwell GPUs.
SAN FRANCISCO... |
| 20.02.2025 | Together AI’s $305M bet: Reasoning models like DeepSeek-R1 are increasing, not decreasing, GPU demand | Join our daily and weekly newsletters for the latest updates and exclusive content on industry-leading AI coverage. Learn More
When DeepSeek-R1 first emerged, the prevailing fear that shook the industry was that advanced reasoning could be ... |
| 12.02.2025 | Попытка написать свою реализацию встроенных хуков состояния в React + создание простого стейт менеджера | Немного предыстории
Недавно давно я смотрел ничем не примечательный техническое интервью и услышал фразу от интервьюируемого: «Ну можно написать свой useReducer или useState». Мне врезалась эта фраза в голову, ибо я никогда в серьез не заду... |
| 01.02.2025 | The Art of Particle Animation: A Journey into WebGL | In the world of web development, animations breathe life into static pages. They engage users, tell stories, and create memorable experiences. Recently, a frontend developer faced a unique challenge: creating a sand particle animation for a... |
| 01.02.2025 | Анимация частиц песка для прелоадера и первая попытка в шейдеры и WebGL | Привет, меня зовут Ваня! Я фронтенд-разработчик в Лиге А. и часто работаю с анимациями на клиентских проектах. В основном, использую Gsap, простые CSS-анимации или Lottie. А вот проекты, которые нужно реализовывать на WebGL встречаются редк... |
| 14.12.2024 | Together AI's Strategic Move: Acquiring CodeSandbox to Enhance Developer Experience | In the fast-paced world of technology, acquisitions often signal a shift in strategy. Together AI, a San Francisco-based AI acceleration cloud provider, has made a significant move by acquiring CodeSandbox, a startup from Amsterdam known fo... |
| 13.12.2024 | Together AI Acquires CodeSandbox | Togheter AI, a San Francisco, CA-based AI acceleration cloud provider, acquired CodeSandbox, an Amsterdam, the Netherlands-based startup specializing in cloud devboxes (isolated code execution environments).
The amount of the deal was not d... |
| 11.12.2024 | Бот за 15 минут на генераторах | Представьте, что бизнесу срочно понадобился небольшой бот, например, для сбора данных или генерации картинок или постов. В голову сразу приходит стандартная идея — пишем бота на бэкенде, дальше со стороны клиента просто делаем запрос на отп... |
| 06.12.2024 | Как сделать анимацию разными способами и когда их использовать | Привет! Меня зовут Даша, я фронтенд-разработчик отдела спецпроектов в KTS.
В нашем отделе мы часто занимаемся разработкой ярких и креативных проектов, которые содержат в себе анимации. Сегодня хочу поделиться нашим опытом, рассказать про не... |
| 02.12.2024 | Тестирование Node.js с использованием Mocha, Chai и Sinon | Тесты помогают документировать основные функции приложения. Корректно написанные тесты гарантируют, что новые функции не внесут изменения, которые могут нарушить работу приложения.
Необязательно инженер, поддерживающий кодовую базу, сам пис... |
| 24.11.2024 | Observable – удобный state-manager | Я вас понимаю. Да – еще один. Но давайте посмотрим, вдруг правда?
Давайте определимся с тем, что такое удобно. Конечно, у нас разные представления об удобстве, поэтому я опишу свои с примерами из api react:
Отсутствие boilerplate.
// неудоб... |
| 10.10.2024 | The Digital Canvas: Crafting a 3x3 cm Square in a Virtual World | In the realm of web development, precision is often a mirage. Designers and developers strive for accuracy, yet the digital landscape can distort reality. This article explores the quest to create a perfect 3x3 cm square on a webpage, a see... |
| 08.10.2024 | Веб-доступность. Бесконечная лента | Про то, что такое бесконечная лента (Infinity Scroll, Feed) - есть много статей, постов, гайдов по реализации самого функционала, и, кажется, рассказывать про то, как именно ее реализовать и что это такое - не идея этой статьи. Так же, как ... |
| 16.09.2024 | Что такое HMPL.js? DevBlog №0 | Приветствую всех! В данной статье хотелось бы рассмотреть такой проект как HMPL.js. "Зачем он нужен и как благодаря нему можно сократить размеры javascript файлов с сохранением дизайна сайта?" - на все эти вопросы я постараюсь отв... |
| 08.09.2024 | В помощь разработчику: 6 полезных библиотек визуализации данных | Привет, жители Хабра! Я Саша Пиманов, ведущий iOS-разработчик в МТС Диджитал. В прошлый раз я рассказывал, что почитать начинающим разработчикам. А сегодня поделюсь подборкой из шести библиотек, которые помогут в ежедневной работе. Среди ни... |
| 04.09.2024 | Favicon и где они обитают | Привет! Меня зовут Анна, я JS-разработчик в компании SimbirSoft. Сегодня расскажу об интересном кейсе на одном из наших проектов, а именно, речь пойдет об отображении favicon сторонних сайтов в нашем приложении.
Это не крипта! favicon (от f... |
| 23.08.2024 | Новый фронтенд-фреймворк? | Или чистый JavaScript с двумя вспомогательными функциями?
В этой статье я расскажу о том, как разрабатывать веб-компоненты с использованием библиотеки Fusor и преимуществах данного подхода.
Такие компоненты можно будет затем собирать в полн... |
| 31.07.2024 | Думаете, вы всё знаете о box shadows? | Я люблю box-тени.
Четыре года назад я выяснил, что мой процессор M1 может рендерить безумное количество таких теней, поэтому решил извлечь из них максимум, и мне это удалось. Если вам интересно, как пользоваться box-тенями, чтобы создать со... |
| 17.07.2024 | Насколько быстр Javascript? Симулируем 20 миллионов частиц | Я бросил себе вызов: симулировать 1000000 (миллион) частиц на чистом Javascript на телефоне, используя только CPU и добившись 60 FPS.
Поехали.
Задача не особо сложна, если выполнять всю работу на GPU, но правило гласит, что нужно пользовать... |
| 28.06.2024 | Управление зависимостями в Javascript заходит на новый виток? Работа с ES модулями без сборщиков | Изначально эта статья задумывалась, как рассказ о различиях и назначении полей dependencies, devDependencies и peerDependencies в package.json. Эту тему выбрали ребята в моем телеграм-канале, кстати подписывайтесь, если еще не. Однако, когд... |
| 27.06.2024 | Фабричный метод в React: эффективное создание компонентов. Часть 1 | Привет всем! Я Мыльников Кирилл, frontend-разработчик в компании Usetech. Сегодня хочу поделиться примером реализации фабричного метода во фронтенде и объяснить, когда и где его следует применять. Освежим память о паттернах и роли, которую ... |
| 21.06.2024 | Tramvai — фреймворк для создания веб-приложений | 30 августа 2021 года на GitHub прошел первый релиз исходного кода фреймворка Tramvai. При этом свою историю фреймворк начал гораздо раньше и долгое время был внутренней разработкой компании.
Tramvai предназначен для создания универсальных (... |
| 04.06.2024 | Мой опыт создания frontend и backend приложений для моего стартапа | В прошлой части я рассказывал как появилась идея стартапа, как найти потребности пользователей, как спроектировать продуктовые требования. Также я рассказал как сделал проектирование и разработку дизайна. Напомню что я разрабатываю приложен... |
| 24.05.2024 | Реализуем touch жесты на vanilla js. Часть 2 (drag, resize) | В предыдущей части мы подробно разобрали как устроены touch события и реализовали жест rotate, самое время добавить оставшиеся.
С момента выхода первой части прошло не мало времени, надеюсь заключительная часть не разочарует читателя.
Созда... |
| 13.05.2024 | Поле HTML-документа: для чего можно использовать | Привет, Хабр! Меня зовут Стас Ганиев, программист 1С, в статье рассказал о возможностях поля HTML-документа для решения задач в 1С, а также привел примеры реализации. Далеко не все 1С-разработчики знают, как использовать этот элемент диалог... |
| 29.04.2024 | И снова о useCallback | Привет, Хабр! Так вышло, что на текущем месте работы я попал под сокращение, а значит путь к собеседованиям открыт. Как раз вчера случилось одно (видимо, из многих), на котором зашла речь про useCallback.Предыстория
Изначально собеседующих ... |
| 16.04.2024 | А что, если бы функция get в Lodash выводила типы за вас в TypeScript | Всем привет! 👋
⚠️ Возрождаю статью, мною написанную в 2021 на Хабре. Из нового - подкорректировал определения на русском, добавил куски кода, чтобы было удобно копировать. Английский оригинал тут - https://blog.beraliv.dev/2021-03-26-typed-... |
| 03.04.2024 | Typescript Generics | Javascript - крутой язык со своими преимуществами и недостатками. И одно из его свойств - это динамическая типизация, которая одновременно может быть как преимуществом, так и недостатком. Очень много холиварных тредов на этот счет, но по мн... |
| 16.03.2024 | Мемоизация в React: я почитал документацию вместо вас | В статье рассмотрены три инструмента мемоизации в React: useMemo, useCallback, memo. Главный источник информации: документация React. Не всем комфортно работать напрямую с документацией, так что если вы постоянно откладываете погружение в д... |
| 28.02.2024 | Реализуем touch жесты на vanilla js. Часть 1 (rotate) | Столкнувшись с задачей реализовать простой графический редактор в мобильной версии сайта, я обнаружил, что функционал мультитач жестов еще не реализован на уровне браузера.
В mdn я нашел Api gesture events, но оно не поддерживается примерно... |
| 24.02.2024 | Boxy | Home - Generative Code with AI - Boxy
Related Posts
Programming-Helper DGM AI/ML API Hiphops AI Text To SQL By Toolske Replit Ghostwriter |
| 25.01.2024 | Cache API — кэшируем данные на стороне клиента | Cache API - сравнительно старый API для управления хранилищем кэша, доступный уже во всех современных браузерах и являющийся частью ServiceWorker.
Прежде чем мы будем говорить о самом API, немного поговорим про контекст. Когда мы говорим о ... |
| 25.01.2024 | Переводы полей моделей Django + Vue | Всем привет! Это вторая статья цикла о разработке приложений в нашей компании. В первой статье я рассказал про общую архитектуру некоторых наших проектов. Сегодня же опишу наши варианты решения часто встречающихся задач в рамках Django + Vu... |
| 17.01.2024 | React + Three.js. Создаём собственный 3D шутер. Часть 3 | Введение
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который д... |
| 11.01.2024 | Автоматизация создания ТЗ для копирайтера с помощью chatGPT и Google таблицы | Хочу поделиться с вами полезным скриптом для Google таблиц, который значительно облегчит вашу работу по созданию большого количества ТЗ для копирайтеров. Что делает скрипт
Вы заполняете таблицу в Google с основной информацией о статье: темо... |
| 01.01.2024 | Что такое react-afc | react-afc - библиотека для более простого (чем в простом react) уменьшения количества ненужных ререндеров дочерних компонентов.Задачи и применение
В обычном react функциональный компонент вызывается каждый раз когда изменяется его состояние... |
| 26.12.2023 | Когда не нужны библиотеки для работы с часовыми поясами | Итак, настал тот moment, когда вам нужно работать с датами в разных часовых поясах, а ваш архитектор/начальник не разрешает использовать Moment Timezone или Luxon, потому что они увеличат размер вашей сборки, а для вашего проекта важно, что... |
| 16.12.2023 | Facebook выпустил новую CSS-in-JS библиотеку — StyleX | Верней оформил 5 декабря 2023 года для всех то, чем его разработчики пользуются уже давно. Позиционируется данный помощник для js-подобных фреймворков типа React, Preact, Solid, lit-html и Angular, однако оперирующие html шаблонами Vue и Sv... |
| 10.12.2023 | Typescript: принцип подстановки функций | По аналогии с принципом Liskov Substitution Principle, Принцип Подстановки Лисков" data-abbr="LSP">LSP из ООП, в Typescript, при передаче функций как объектов стоит придерживаться следующего принципа:
Принимая колб ...... |
| 15.11.2023 | React + Three.js. Создаём собственный 3D шутер. Часть 2 | Привет, уважаемые участники Хабр! Введение
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере... |
| 14.10.2023 | Open-source блокнот Wolfram Language или как воссоздать минимальное ядро Mathematica на Javascript и не только | На Хабре уже проскакивали упоминания о совместимых или систем-копиях Wolfram Mathematica, но реализованных на других языках, как, скажем, Mathics. Автор статьи @ITSummaупомянул в самом начале
На Mathics такое не получится, как и многие друг... |
| 03.10.2023 | Как декораторы могут упростить разработку веб-форм | Относительно недавно в TC39 предложение с реализацией декораторов в EcmaScript вышло на 3-ю предфинальную стадию. Чуть позже MicroSoft выпустил 5-ю мажорную версию TypeScript, в которой новая реализация декораторов начала работать из коробк... |
| 30.09.2023 | React + Three.js. Создаём собственный 3D шутер. Часть 1 | Привет, уважаемые участники Хабр! Введение
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере... |
| 15.08.2023 | useCallback в цикле? Мемоизация коллбеков для компонентов в массиве | Приветствую, коллега! В нашей практике порой возникают ситуации, когда нужно создать список инпутов. Например, создаем инпут для фильтра по строкам. Должна быть возможность добавлять инпут, удалять существующие. Классические оптимизации тут... |
| 28.07.2023 | Все что необходимо знать про key в React и даже больше | В этой статье мы поговорим о ключах (key) в React, разберемся зачем они нужны, как работает компонент при изменении ключа, и обсудим случаи, когда использование ключей вне массива или использование индексов в качестве ключей может быть даже... |
| 24.07.2023 | Как React 18 улучшает производительность приложения | React 18 представил конкурентные (concurrent) возможности, которые радикально меняют способ рендеринга приложений. В этой статье мы рассмотрим, как эти возможности улучшают производительность приложения.
Начнем с повторения основ "долг... |
| 10.07.2023 | [React] Разбираем useId( ) хук под микроскопом | Всем привет!
Уже давно я заприметил относительно новый хук useId, с которым давно хотел разобраться для чего он нужен, как он работает и конечно же обязательно нужно заглянуть в исходники. И теперь потыкав этот хук палкой, почитав React док... |
| 06.07.2023 | Введение в Astro | Astro — статический генератор сайтов, ориентированный на производительность. Фреймворк стремительно набирает популярность и конкурирует с популярным NextJS.
Чем же так хорош Astro? Рассказываем об основных концепциях фреймворка, его архитек... |
| 25.06.2023 | React: как сделать динамический суффикс в , который будет двигаться вместе с набранным текстом | Задача
Необходимо сделать input с помощью React, в котором, после текста отображается какое то значение. Будем называть это значение суффиксом.Условия
Cуффикс не должен подмешиваться к самому значению инпута, т.e. чтобы мы на каждый change ... |
| 14.06.2023 | RSC с нуля. Часть 1: серверные компоненты | В этом техническом "глубоком погружении" (deep dive) мы с нуля реализуем очень простую версию серверных компонентов React.
Данный туториал будет состоять из трех частей (написана пока только эта).
Серьезно, это глубокое погружение... |
| 08.06.2023 | Как фронтендеру пройти собеседование: разбор типичных задач и советы от тимлида «РТК ИТ» | Хекслет поговорил с Михаилом Синяковым, Head of Frontend в «Ростелеком ИТ». Мы узнали, как обычно проходят собеседования у фронтендеров, какие задачи они решают, а также на что стоит обратить внимание кандидатам при подготовке к интервью.
В... |
| 19.05.2023 | Делаем кастомное модальное окно для React | Без лишних слов
Хочешь меньше слов, больше кода ? Тогда можно сразу посмотреть демку codesandbox.custom-modal.
А пояснительная бригада к демке ждёт вас дальше по тексту)
Поехали!План действий
Проектируем решение
Пишем портал + тесты на порт... |
| 17.05.2023 | Делаем кастомный RadioGroup в 99 строк для React | Пишем минималистичный кастомный RadioGroup компонент для React приложения и парочку unit тестов на Jest.План действий
Общий план действий состоит из 6 этапов:
Понять, что хотим получить
Реализовать компонент Option
Написать компонент RadioG... |
| 03.05.2023 | Я хотел улучшить React | Привет
Я давно пишу код, а React использую более пяти лет.
За это время у меня возникло несколько идей о том, как можно было бы улучшить React.
К реализации этих идей я приступил около трех лет назад. Сначала проверил концепцию, потом решил... |
| 02.05.2023 | Крошечный рецепт приготовления react-dnd | Появилась однажды задача - сделать область для загрузки файлов, с помощью drag-and-drop.
Была выбрана библиотека react-dnd, по причине её простоты, минималистичности и низкого порога входа.
Фича реализуется с помощью это либы и двух кастомн... |
| 30.04.2023 | СhatGPT в Google таблицах бесплатно и без лимитов | Совсем недавно разработчик под ником xtekky разработал эксплойт GPT4Free для обмана API OpenAI методом реверс-инжениринга, когда искал, какие сервисы работают с чат-ботом. Он подобрал запросы к сторонним сервисам, у которых есть доступ к AP... |
| 21.03.2023 | React: интересная схема работы с формами | Hello, world!
В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для... |
| 21.03.2023 | Трансплантация реактивности | Здравствуйте, меня зовут Дмитрий Карловский, и я.. тот самый чел, который написал реактивную библиотеку $mol_wire. Именно благодаря мне вам есть сейчас чем пугать детей перед сном.
Но просто написать классную библиотеку - слишком мелкая цел... |
| 17.03.2023 | Делаем бесконечную рабочую область без Canvas | В предыдущей статье я рассказывал, как мы рисуем соединения между нодами на наших пространствах. Сейчас же я расскажу, как у нас реализованы сами пространства!
Рабочая область в нашем приложении
Рабочее пространство в нашем приложении предс... |
| 15.03.2023 | Правильно ли вы используете useSelector в Redux? | Всем привет, данная статья направлена на то, чтобы добавить понимания при использовании хука useSelector в разработке. Надеюсь, у меня получилось ниже раскрыть какую-то часть информации, которая поможет разработчикам, которые раньше не знал... |
| 12.03.2023 | React и Typescript: Создание динамического компонента на примере кнопки | React и Typescript являются очень мощными инструментами для создания динамичных пользовательских интерфейсов. Создание универсального компонента, который может использоваться в различных ситуациях, является одной из ключевых задач при разра... |
| 09.03.2023 | Как подключить chatGPT к Google таблице | Сегодня хочу поделиться с вами крутой новостью. Теперь можно использовать chatGPT через API, что значит, что вы можете использовать его в Google таблицах!
26 комментариев
1778 просмотров
Слушать
Я попросил написать отзыв о пособии от лица у... |
| 09.03.2023 | Текстовый Инпут с возможностью выделять отдельные слова | Как, вроде бы, простая задача превратилась в головную боль.
Для нетерпеливых
Первое, что приходит в голову, это то, что кто‑то, скорее всего, уже сделал такой компонент, и нужно адаптировать готовое решение. При быстром поиске нашел один пр... |
| 06.03.2023 | Реализация мемоизации в JavaScript | Про статью
Мне очень хотелось сделать что‑то интерактивное. Поэтому по ходу чтения очень желательно переходить в сервис codesandbox.io и делать задания, прежде чем читать дальше. Соответсвенно, предполагается, что читаться это будет с компь... |
| 05.03.2023 | Пробую новые возможности Next.js 13 | Всех приветствую и желаю приятного чтения!
Next.js это fullstack фреймворк разработанный Vercel использующий последние разработки React.
Не так давно 25 октября 2022 года вышла версия 13. На данный момент последняя стабильная версия 13.2.3,... |
| 02.03.2023 | Перевод первой части учебника Patterns.dev | Привет! Меня зовут Айнур, и я frontend‑разработчик SimbirSoft. Более 6 лет я работаю над коммерческими проектами, создаю и улучшаю интерфейсы, поэтому в работе достаточно часто использую паттерны проектирования. Неоднократно я обращался за ... |
| 23.01.2023 | Решение проблемы с многократным запуском эффектов в React 18 | Введение
В этой статье мы рассмотрим адаптацию компонентов React 18 к много кратному монтированию и повторному вызову эффектов с повторно используемым стоянием (Reusable State). Под эффектами понимается срабатывание хуков: useEffect, useLay... |
| 18.01.2023 | Шэрим стейт между хуками в React | Всем привет! Меня зовут Слава, сейчас работаю в Samsung Next, ранее в Yandex, уже 4 года занимаюсь активным созданием своих библиотек в Open Source, и сейчас я расскажу что удивило и продолжает удивлять меня уже полтора года!
Позапрошлым ле... |
| 11.01.2023 | Редко используемые свойства CSS | Кирилл Мыльников
Frontend разработчик в ГК Юзтех
Всем привет, меня зовут Кирилл, я frontend разработчик компании Usetech. CSS постоянно развивается, и некоторые полезные свойства остаются незамеченными. Возможно о них говорят не так много, ... |
| 06.01.2023 | Обучаем нейросеть распознавать цифры на выборке от MNIST. Реализация алгоритма обратного распространения на C# | Доброго дня, хабровчане!
В этой статье поговорим о такой современной, модной и очень важной теме как машинное обучение и нейронные сети. О важности этой темы я писать не буду — каждый день об этом говорят по телевизору и пишут в газетах инт... |
| 18.11.2022 | React hooks, как не выстрелить себе в ноги. Разбираемся с замыканиями. Совместное использование хуков | По отдельности хуки могут быть относительно понятны, но у многих возникают вопросы, как их использовать вместе. Особенно часто возникают подобные вопросы при переходе от классовых компонентов к функциональным. В этой статье мы разберем неск... |
| 07.11.2022 | React hooks, как не выстрелить себе в ноги. Часть 4 | Использование ref в функциональных компонентах играет две роли:
С помощью них можно получить ссылку на dom элемент
ref можно использовать как стабильные переменные.
В этой статье сосредоточимся на первой роли, разберем, как с помощью ref по... |
| 01.11.2022 | React hooks, как не выстрелить себе в ноги. Часть 3.2: useMemo, useCallback | Данная статья - продолжение статьи про мемоизацию, в которой мы разбирали, зачем нужно использовать memo и как правильно с ним работать. В этой статье разберем, как правильно использовать useMemo и useCallback, какое у них api и разберем па... |
| 03.10.2022 | Простые, но приятные и воздушные тени вместе с Vue Box Shadows | В современном дизайне, почти на каждом сайте и в приложениях можно увидеть тени, которые дизайнеры и разработчики применяют для создания эффекта глубины и объема.Halo Lab. Dribbble.comAndrej Sharapov. Dribbble.comShibbir. Dribbble.comMasud ... |
| 26.09.2022 | Control flow with try/catch and Promises | Я не люблю магию, магией мы часто объясняем какое то поведение части приложения, библиотеки или фреймворка, которое не понимаем, а когда наконец прочитав документацию понимаем, как тот или иной функционал реализован на самом деле, ловим себ... |
| 21.09.2022 | Под капотом у Mobx. Пишем свою реактивную библиотеку с нуля | Первое мое знакомство с Mobx началось с удивления. Я не понимал всю магию библиотеки и задавал себе вопрос: “А как это возможно?”. Кажется, в ней используются какие-то подкапотные возможности JS или Mobx вообще написан на другом языке.
И во... |
| 26.08.2022 | React: полное руководство по повторному рендерингу | Привет, друзья!
Представляю вашему вниманию перевод этой замечательной статьи, посвященной повторному рендерингу (re-render, далее — ререндеринг) в React.
Что такое ререндеринг?
Существует 2 основные стадии, которым следует уделять присталь... |
| 27.07.2022 | Вещи, которые полезно знать о React.js | Несколько слов о мотивации написать эту статью. Большинство вещей, о которых я тут хочу рассказать, вы можете узнать из документации React. Но проводя собеседования последние пару лет я понял, что многие разработчики о них не знают по каким... |
| 15.07.2022 | Проектируем DataGrid на React так, чтобы сэкономить Boilerplate | Привет, Хабр! Некоторое время назад мне довелось участвовать в разработке админ-панели для видеоигры с уклоном на совместные соревнования. Так как финансирование осуществлялось за счет гранта, был ограничен бюджет.
Возникла потребность спро... |
| 13.07.2022 | Превращаем HTML table в GridComponent. Часть I. Frontend | Привет хабровцы и любители фронтенда!
Это моя первая статья, в которой я хочу поделиться своими первыми шагами в мир frontend разработки на VueJS. И в качестве примера для изучения я решил реализовать вариант грида со стандартным набором фу... |
| 07.07.2022 | Разрабатываем универсальную форму на React и XState или новые приключения конечного автомата | Предисловие
Вопреки мнению, которое я видел в комментах к статьям о конечных автоматах, я не считаю, что их применение это какой-то "спагетти". Наоборот, они позволяют реализовать довольно сложную state transition логику.
Хотя авт... |
| 01.07.2022 | Перевод Google TypeScript Style Guide | Здравствуйте, уважаемые читатели Хабра!
Как известно, при разработке и ведении проектов, одним из важных моментов является поддержка единого стиля в коде. Зачастую за основу берут какое-то общепризнанное руководство по стилю и дорабатывают ... |
| 18.06.2022 | Делаем отзывчивый и максимально возможный размер шрифта динамического текста относительно контейнера | Перед нами часто возникает задача, сделать текст отзывчивым в зависимости от размера экрана устройства. Казалось бы, задача вполне тривиальна, и сходу можно назвать несколько вариантов её решения, не ломая голову, но всегда есть дополнитель... |
| 24.04.2022 | Простой способ создания и переиспользования модальных диалогов во Vue 3 | Модальные диалоги не такая и сложная задача в разработке. Разве что можно легко запутаться в коде, если нужно вызывать модальные окна по цепочке. Но это очень монотонная и неинтересная работа с повторяющейся логикой, которую подчас копируют... |
| 09.03.2022 | GridComponent. Часть II. Котики, NestJS и чуть-чуть о Postman | Доброго дня, хабровчане!
Как и обещал, в продолжение своего пет-проекта по созданию грид-компонента опишу здесь создание backend части на таком фреймворке как NestJS, попутно ознакомив читателя с дополнительными инструментами для backend ра... |
| 09.03.2022 | Запускай код прямо в браузере: лучшие онлайн-компиляторы для C++, PHP, Python, Java, C#, Go и не только | Отдел новостей 3 сентября 2022, 10:30 Запускай код прямо в браузере: лучшие онлайн-компиляторы для C++, PHP, Python, Java, C#, Go и не только
Не всегда есть доступ к любимой IDE или время на её запуск. Но когда нужно быстро проверить какой-... |
| 14.02.2022 | React Drag & Drop: «Игра в бутылки» | Привет!
Меня зовут Сергей, я фронтенд-разработчик отдела спецпроектов KTS. Наш отдел занимается разработкой веб-приложений для промокампаний.
Помните, как в 1-й книге о Гарри Поттере Гермиона разгадывала логическую загадку с бутылочками вол... |
| 12.02.2022 | Прокачайте свое взаимодействие с MobX | В этой статье я опишу структурированный подход к использованию MobX, который может помочь упростить процесс разработки. Здесь не будет описываться код, только описание подхода к использованию. На код будут даваться ссылки. И я очень прошу в... |
| 08.02.2022 | Центрируй, властвуй, располагай | Кирилл Мыльников
Frontend разработчик в Usetech
Всем привет, с вами Кирилл Мыльников, frontend разработчик компании Usetech.
Сегодня я хочу рассказать о вертикальном и горизонтальном центрировании CSS (Cascading Style Sheets). В сети есть м... |
| 06.02.2022 | Память в браузерах и в Node.js: ограничения, утечки и нестандартные оптимизации | Интро: почему я написал эту статью
Меня зовут Виктор, я разрабатываю страницу результатов поиска Яндекса. Несмотря на внешнюю простоту, поисковая выдача — сложная штука: на каждый запрос генерируется своя уникальная страница, на которой в з... |
| 28.01.2022 | Как писать условия в JSX | Добрый день, меня зовут Павел Поляков, я Principal Engineer в каршеринг компании SHARE NOW, в Гамбурге в 🇩🇪 Германии. А еще я автор телеграм канала Хороший разработчик знает, где рассказываю обо всем, что обычно знает хороший разработчик.
С... |
| 29.11.2021 | Как сегодня делают игры в браузере? Часть 2 | В предыдущем рассказе я описал базовые шаги по настройке проекта. Прочитайте его, если еще не сделали этого.
В этот раз речь пойдет о немного более сложных вещах, таких, как управление состоянием, компоненты высшего порядка и Gamepad API.
Ш... |
| 24.11.2021 | Как сегодня делают игры в браузере? Часть 1 | Игра в браузере на React и Three.js!
Я занимаюсь фронтендом уже очень давно, порядка 10 лет. И как любой уважающий себя фронтендер, я люблю тащить javascript туда, где обычно его не используют: на сервер, в мобильные приложения, в геймдев. ... |
| 15.11.2021 | Контролируем scroll полностью или реализация события React: onRenderChildrenComplete | Всем привет! Я фуллстек, пишу код для сервиса TolstoyComments. В процессе работы был накоплен ценный опыт, как решать разного рода задачи на React. Этим опытом я хочу поделиться.
Бывало так, что после загрузки страницы, вам нужно сделать пр... |
| 11.11.2021 | floorm: орм на фронте и прозрачная лаконичность реакт-приложений | Эта статья - экстракт четырёхлетнего опыта разработки на реакте. В начале карьеры я столкнулся с багом библиотеки react-player, пофиксил его, а дальше предложил и реализовал там рефакторинг. Мейнтейнер даже упомянул моё имя отдельно в readm... |
| 22.10.2021 | Одна задача с собеса | Год назад моя компания впервые попросила меня провести собеседование для фронтендера. Тогда я и придумал эту задачу на свою злобу дня. Задачка простая, на базовые знания, но, как оказалось, в ней можно сделать много интересных ошибок. Также... |
| 19.10.2021 | Error Boundaries в React: препарируем лягушку | Представим, что у нас есть приложение на React, в котором можно читать и писать отзывы. Пользователь открыл список отзывов, пролистал его, нажал кнопку «Написать отзыв». Форма написания отзыва открывается в попапе, над списком. Пользователь... |
| 17.10.2021 | Почему в Ember не нужны React-хуки | От переводчика: Этот пост является продолжением поста о реализация паттернов React-компонентов в Ember.js. Автор рассматривает концепцию React-хуков для абстракции логики состояния (stateful logic) и сравнивает ее реализацию с реализацией в... |
| 14.10.2021 | Как выглядит реализация паттернов React-компонентов в Ember.js | От переводчика: Я прототипирую интерфейсы на Ember.js. И всегда испытываю трудности, когда нужно переключиться на React и написать что-нибудь используя этот de facto выбор по-умолчанию в современной фронт-энд разработке. Каждый раз сталкива... |
| 30.09.2021 | Создание мини-игры «Шкатулка» с помощью JS + CSS | Привет!
Меня зовут Сергей, я фронтенд-разработчик отдела спецпроектов KTS. Наш отдел занимается разработкой веб-приложений для промокампаний.
Год назад перед нами встала задача: сделать игру-квест с диалогами, 360-панорамой, drag-n-drop, зв... |
