habr (@habr@zhub.link)
TypeScript в Next.js как система контрактов, а не типизация ради типизации
Когда разработчик начинает писать на Next.js с TypeScript, первая реакция часто довольно холодная. Вместо того чтобы двигаться быстрее, он начинает чаще видеть ошибки. Где-то не совпал shape объекта, где-то строка не подходит в более узкий тип, где-то TypeScript напоминает, что значение может быть undefined. На этом месте легко сделать неправильный вывод. Кажется, что TS просто добавляет трение и требует больше служебного кода. Обычно проблема не в TypeScript, а в способе мышления. Если использовать его как набор аннотаций поверх уже написанного кода, пользы действительно немного. Но если смотреть на типы как на систему контрактов между слоями приложения, картина меняется. Особенно в Next.js App Router, где у нас постоянно есть границы server и client, внешний ввод из URL, формы, мутации и разные состояния интерфейса. В этот момент TypeScript перестаёт быть типизацией ради типизации. Он начинает отвечать на более важный вопрос: какие состояния в проекте вообще допустимы, а какие не должны пройти дальше границы. По такой модели я выстроил один из своих проектов Workbench. Не начинать с мысли давайте везде поставим типы, а начинать с мысли где у нас проходит граница, что в неё входит и что из неё может выйти. После этого многие решения в коде становятся почти очевидными.
https://habr.com/ru/articles/1018382/
#nextjs #typescript #app_router #server_components #type_safety #zod #react #вебразработка
Show Original Post
articles (@articles@ruby-news.kr)
React를 대하는 Ruby 개발자의 수준 차이: 숙련자와 미숙자의 접근법
숙련된 Ruby 개발자는 React의 복잡성과 상태 관리 오버헤드를 비판적으로 바라보며 Ruby의 생산성을 유지할 대안을 찾는다.
Show Original Post
sergio_101 (@sergio_101@social.sixdegreesofohio.com)
i just looked at your profile. I see you use #react. I just came back to #django maybe a year or two ago.
Do you find that #react and #django are a natural fit? I have kinda shied away from react, just because i thought the learning curve might be a bit much.
I did several big projects with #elixir / #phoenix , and i REALLY liked the #LiveView approach. I am not sure if there is a such a thing in Django world.
Funny enough, i have a note in my future bin to go down this rabbit hole
Show Original Post
habr (@habr@zhub.link)
Observability в финтехе: связываем клик пользователя с падением интеграции
Привет! Я Никита, Staff-инженер в крупном финтехе. В этой статье я хочу поделиться нашим опытом построения системы observability. Мы прошли путь от простых логов до сквозной трассировки, и я покажу, как это работает на фронтенде. TL;DR: В статье разбираем опыт внедрения OpenTelemetry в крупном финтех-проекте. Проблема: Логи без контекста не позволяют быстро найти причину 500-й ошибки в распределенной системе. Решение: Сквозная трассировка (Distributed Tracing) от фронтенда до бэкенда. Что внутри: Реализация CompositeLogger на TypeScript, патчинг fetch для сохранения контекста и примеры того, как превратить технические трейсы в карту бизнес-процесса. А именно - frontend реализация и практические детали интеграции.
https://habr.com/ru/articles/1017650/
#opentelemetry #observability #distributed_tracing #frontend_мониторинг #логирование #трассировка #react
Show Original Post
zenn_trend_bot (@zenn_trend_bot@social.silicon.moe)
📰 React やだ 2026 (👍 58)
🇬🇧 Developer compares React vs Vue and lists React pain points in 2026: dependency arrays in hooks, API ergonomics. Seeking better solutions.
🇰🇷 React vs Vue 비교하며 2026년 React의 불편한 점들을 나열: 훅의 의존성 배열, API 사용성 문제. 더 나은 해결책을 찾는 중.
🔗 https://zenn.dev/mnonamer/articles/react-yada-2026
Show Original Post
wrappixel (@wrappixel@mastodon.social)
Explore 15+ Best Shadcn Templates for Next.js designed for building Admin Dashboards, SaaS apps, Landing Pages, and modern Websites.
Built using React, Tailwind CSS, TypeScript, and Shadcn UI components for faster development.
🔗 https://www.wrappixel.com/best-shadcn-templates/
#Nextjs #React #Shadcn #admintemplate #landingpage #TailwindCSS #TypeScript #WebDevelopment #Frontend #SaaS
Show Original Post
habr (@habr@zhub.link)
Ну когда уже мы перестанем писать код???
Что происходит с индустрией прямо сейчас. Агенты, Manus, личный опыт и честный ответ — стоит ли паниковать. Взял идею стартапа, скормил агенту — через 20 минут получил рабочий код. Это круто или страшно? Давайте разбираться.
https://habr.com/ru/articles/1017272/
#ai #gpt #искусственный_интеллект #агенты #llm #manus #mvp #генерация_кода #стартап #react
Show Original Post
zenn_trend_bot (@zenn_trend_bot@social.silicon.moe)
📰 React やだ 2026 (👍 51)
🇬🇧 A Vue developer lists React pain points in 2026: dependency arrays, hooks ergonomics, and comparing with Vue's cleaner API
🇰🇷 Vue 개발자가 꼽은 2026년 리액트의 문제점: 의존성 배열, 훅 인체공학, Vue와의 API 비교
🔗 https://zenn.dev/mnonamer/articles/react-yada-2026
Show Original Post
zenn_trend_bot (@zenn_trend_bot@social.silicon.moe)
📰 ここんところのWeb界隈についての主観的記録 (👍 86)
🇬🇧 Subjective observations on 2026 web dev landscape: React won the framework war over Vue.js, and current industry trends
🇰🇷 2026년 웹 개발 현황에 대한 주관적 기록: React가 Vue.js와의 프레임워크 전쟁에서 승리한 것과 업계 동향
🔗 https://zenn.dev/crayfisher_zari/articles/e3dfa8ca8a4a79
Show Original Post
Orixon (@Orixon@community.orixon.org)
Da questa sera su Orixon sono disponibili le reazioni ai messaggi! 😎
Reagisci ai messaggi in chat come su Telegram o WhatsApp: https://blog.orixon.org/arrivano-le-reactions-su-orixon/
Provale direttamente sulla nostra webchat https://webchat.orixon.org!
#Orixon #Webchat #KiwiIRC #Chat #WebChat #Reactions #React #Reazioni
Show Original Post
zenn_trend_bot (@zenn_trend_bot@social.silicon.moe)
📰 ここんところのWeb界隈についての主観的記録 (👍 83)
🇬🇧 Subjective observations on 2026 web dev landscape - React won the framework war, personal reflections on current trends
🇰🇷 2026년 웹 개발 환경에 대한 주관적 기록 - React가 프레임워크 전쟁에서 승리, 현재 트렌드에 대한 개인적 성찰
🔗 https://zenn.dev/crayfisher_zari/articles/e3dfa8ca8a4a79
Show Original Post
rocking_horse (@rocking_horse@mastodon.social)
Dzisiaj zainspirowany efektami vibecodowania kolegi sam povibecodowałem za pomocą #Antigravity . Nic by z tego raczej nie wyszło, gdybym sam nie umiał programować. Ale finalnie mam prostą skontenerowaną Dockerem apkę z logowaniem, dodawaniem i edycją produktów z frontendem z #React i zapisywaniem w #Mongo .
Show Original Post