Недавно я запустил свое первое приложение для Android: inCourse — финансовый менеджер, написанное на React Native (RN). По основному роду занятий я инженер. Первый опыт программирования получил в конце 2000-х, когда учился в институте. Тогда я был увлечен написанием игры на Visual Basic 6.0, самоучитель по которому как‑то оказался у нас дома. Летом 2021 г., вдохновленный опытом друга, записался на курсы по программированию и получил сертификаты об успешном окончании курсов по JavaScript/Fronend и React в 2022 г.
Рубрика «React» - 9
Приватный финансовый менеджер inCourse на React Native. Опыт разработки
2025-02-19 в 8:16, admin, рубрики: React, react native, Приватный финансовый менеджер, разработка, финансовый менеджер Android, финансовый менеджер inCourseПопытка написать свою реализацию встроенных хуков состояния в React + создание простого стейт менеджера
2025-02-12 в 8:15, admin, рубрики: hook, javascript, React, state management, store, TypeScript, usereducer, usestateНемного предыстории
Недавно давно я смотрел ничем не примечательный техническое интервью и услышал фразу от интервьюируемого: «Ну можно написать свой useReducer или useState». Мне врезалась эта фраза в голову, ибо я никогда в серьез не задумывался как они работают под капотом и в исходниках особо не копался, максимум в типах. Из-за этого задача оказалась довольно сложной и интересной для меня ибо много получил много новой информации за довольно короткий срок и ее было сложно переварить и осознать.
Начало изысканий
Найди x: React + MobX + SSR + x = Счастье
2025-02-11 в 11:59, admin, рубрики: dependency injection, di, inversion of control, ioc, mobx, React, server side rendering, ssr, state managementПриветствую всех читателей!
В мире информационных технологий наблюдается устойчивая тенденция перехода от традиционных десктопных приложений к веб-приложениям. Сегодня веб-приложения достигли значительной сложности и представляют собой интересную область разработки. Мне посчастливилось участвовать в создании одного из таких приложений, и я рад поделиться своим опытом и знаниями с вами.
О продукте
Обновление Capacitor приложений в обход сторов
2025-02-06 в 9:15, admin, рубрики: capacitor, capcitor updater, javascript, React, TypeScript, мобильная разработка, мобильные приложенияВсем привет, меня зовут Илья, я работаю Frontend разработчиком в компании Бастион.
В данной статье я хочу затронуть такую интересную тему, как обновление бандла Capacitor-приложений (CodePush, live update и т.д).
Сталкивались ли Вы когда-нибудь с ситуацией, когда необходимо незначительно обновить мобильное приложение, написанное на Capacitor?
Обработка ошибок Axios
2025-01-29 в 11:15, admin, рубрики: Axios, javascript, React, react.js, TypeScript, обработка ошибокПривет, меня зовут Алёна, я senior фронтент-разработчик в отдела разработки ПО для розничного бизнеса в Райффайзенбанке. Недавно наша команда решила улучшить пользовательский опыт обработки ошибок запроса к бекенду и я решила комплексно исследовать эту тему и собрать воедино все лучшие практики.
Начтем с того, что при обработке ошибок Axios запросов существуют 4 ситуации, которые необходимо по-разному интерпретировать:
-
Запрос был обработан сервером и статус ответа сервера вне диапазона 2xx
-
Запрос был сделан, но ответ не был получен.
-
Ошибка возникла из-за неправильных настроек Axios.
Сколько памяти ест ваша вкладка
2025-01-23 в 15:31, admin, рубрики: Google Chrome, holyjs, javascript, React, vue, нехватка памяти, утечки памятиПри разработке веб-приложений не все задумываются о том, сколько памяти потребляет их код. О производительности наших сайтов мы вспоминаем гораздо чаще. К тому же не каждому разработчику интересно «экономить на спичках». Разве может наш код на языке JavaScript требовать много памяти? «Много» — это вообще сколько? 100 мегабайтов — это много?
Меня зовут Антон Непша. Я работаю в Сбере, разрабатываю сайт СберБанк Онлайн и веду Telegram-канал Антон Непша.js. Недавно я выступил на HolyJSЧитать полностью »
ИИ для веб-разработки
2025-01-22 в 9:10, admin, рубрики: AI, artificial intelligence, javascript, React, react.js, ReactJS, timeweb_статьи, ИИ, искусственный интеллект
Привет, друзья!
В праздники я провел небольшое исследование представленных сегодня на рынке бесплатных инструментов с участием "искусственного интеллекта" для помощи в веб-разработке, результатами которого хочу с вами поделиться, авось кому-нибудь пригодится.
Обратите внимание, что я акцентировал внимание на бесплатных решениях для написания кода клиентской части веб-приложений.
Список протестированных инструментов:
Далее я подробнее расскажу о первых трех (Codeium, Devv, V0) и немного о двух следующих за ними (ChatGPT, GPT4All) решениях из представленных в списке, как наиболее "выдающихся" с моей точки зрения. Остальные сервисы (начиная с cursor и ниже) в той или иной степени похожи на codeium и `devv`, но показывают более плохие результаты генерации кода по запросу, исправления ошибок и документирования кода, а также менее удобны в использовании и иногда требуют дополнительных настроек, например, указания ключа OpenAI, установки лишних инструментов (тулкитов), являются условно бесплатными и т.п.
Перенос JWT-токенов в куки: Django REST + React
2025-01-15 в 15:15, admin, рубрики: django, jwt, jwt token, React, web-разработка, авторизация пользователя, безопасность веб-приложений, веб-приложения, джангоПривет! Статья в первую очередь была прежде всего написана для самого себя с целью запоминания интересного опыта по реализации кастомных костылей авторизации с помощью JWT-токенов, находящихся в куки.
В качестве бекенда был выбран горячо любимый Django Rest Framework, в качестве фронтовой части в моем случае использовался React. Начну с реализации серверной стороны. Я пропущу шаги по настройке Django REST Framework в связке с React. В Django в моем случае в качестве приложения для аутентификации пользователей было создано приложение user.
В качестве базы JWT-токенов взял библиотеку Simple JWTЧитать полностью »
Всем привет! Меня зовут Андрей, я Frontend разработчик. На данный момент работаю на фрилансе. Имею достаточно хороший опыт работы с React.
Хочу рассказать, что такое React Context и как это можно использовать в проектах.
Попробую всё рассказать как можно проще.
Начнем
React context - некий интерфейс, который позволяет сохранять какие-либо данные и передавать их вниз по дереву без передачи пропсов в дочерние компоненты.
Т.е по сути что-то на подобие стора из всем нам известных Redux, MobX, Effector и т.п, но конечно же есть различия и довольно большой минус, о котором мы поговорим ниже, после просмотра примеров кода.
Взгляд с другой стороны на useMemo, useCallback и React.memo в React: когда их стоит использовать
2025-01-05 в 10:15, admin, рубрики: javascript, React, оптимизацияВведение
Оптимизация производительности React приложений — важная часть разработки, особенно когда речь идет о сложных интерфейсах. В основном разработчики лишь краем уха слышат о необходимости использования хуков useMemo, useCallback и React.memo для оптимизации кода. Но если бездумно использовать их, то можно даже навредить вашему приложению