【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】
https://qiita.com/Sicut_study/items/c0096caf21eefcd5c85f?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #React #react_router #tailwindcss

【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 - Qiita

はじめに こんにちは、Watanabe jinです。 ReactがAIも相まって選択されるケースが増えて学びたいと思っている人も多いかと思います。 私も過去にたくさんのReact教材をやりましたが、本当にやってよかったと思える教材はほぼありませんでした。 最初に選ぶ教材...

Qiita
React Router v7 × Cloudflare 無料かつ爆速でWebサイトをデプロイする - Qiita

はじめに React Routerで作ったアプリをサクッと公開したいとき、Cloudflare Workersが便利です。公式のReact Router v7テンプレートが用意されていて、数分あれば環境構築からデプロイまで完了します。 この記事では、Cloudflare ...

Qiita

Навигация без хаоса: архитектура маршрутов в масштабируемом TypeScript-проекте

Нам важно, чтобы поддержка пользователей была на высоком уровне, поэтому у нас есть десятки сервисов для организации обучения специалистов поддержки. Я работаю над одним из таких проектов. Он активно развивается: ежемесячно добавляем более 10 новых страниц — сейчас в проекте их больше 120. В статье расскажу, как мы поэтапно организовали хранение путей роутера и связали параметры страниц с компонентами их вёрстки. Такой подход помогает повысить читаемость кода, сокращает его дублирование и упрощает поддержку.

https://habr.com/ru/companies/tochka/articles/924208/

#react_router #typescript #фронтенд #frontend

Навигация без хаоса: архитектура маршрутов в масштабируемом TypeScript-проекте

Привет! Я Илья, фронтенд-разработчик в финтех-компании Точка. Нам важно, чтобы поддержка пользователей была на высоком уровне, поэтому у нас есть десятки сервисов для организации обучения специалистов...

Хабр

【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル【図解解説】
https://qiita.com/Sicut_study/items/afd66cac978f4b0a6e61?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TypeScript #React #react_router

【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル【図解解説】 - Qiita

はじめに こんにちは、Watanabe jinです。 ReactがAIも相まって選択されるケースが増えて学びたいと思っている人も多いかと思います。 私も過去にたくさんのReact教材をやりましたが、本当にやってよかったと思える教材はほぼありませんでした。 最初に選ぶ教材...

Qiita

[Перевод] Wake up Remix

На конференции React прошлым летом команда объявила , что Remix «уходит в спячку». К тому моменту Remix v2 стал настолько тонкой обёрткой над React Router, что между проектами возникло искусственное разделение. Чтобы упростить архитектуру фреймворка, команда перенесла код сборщика и серверного рантайма из Remix непосредственно в React Router v7, объединив всё лучшее из фреймворка в так называемый “framework mode” для роутера. Также было объявлено о планах добавить ограниченную поддержку React Server Components (RSC) в React Router. Эта работа была завершена: версия 7 была выпущена в ноябре прошлого года, а в конце мая была представлена предварительная поддержка RSC. Теперь разработчики, использовавшие Remix v1, v2 или более ранние версии React Router, могут рассчитывать на стабильную платформу с долгосрочной поддержкой. Теперь же, пришло время заняться Remix!

https://habr.com/ru/companies/first/articles/914804/

#react #reactjs #remix #react_router #javascript #framework #frontend

Wake up Remix

На конференции React прошлым летом команда объявила , что Remix «уходит в спячку». К тому моменту Remix v2 стал настолько тонкой обёрткой над React Router, что между проектами возникло искусственное...

Хабр

Typescript question: Where can I read/learn the basics of defining types? I'm trying to use react-router-dom module and need to understand how to define what's needed for routes.

I need to declare each route I guess? But how?

#Typescript #react #react_router

https://github.com/eklem/draw-at-work/blob/trunk/react/src/main.tsx

draw-at-work/react/src/main.tsx at trunk · eklem/draw-at-work

Templates and tools for workshops to learn how to draw to communicate. Not art, communication. Everyone can. Doesn't need to be pretty. Communicate better within teams and stakeholders. - eklem...

GitHub

Динамические Breadcrumbs на React, React Router и Apollo GraphQL

Хлебные крошки - важнейшая часть навигации приложения. В классическом исполнении они отражают текущее положение пользователя в иерархии. А отображение названия карточки товара, статьи или любой другой сущности - это уже, как правило, задача компонента отвечающего за отображение самой сущности. Однако, все может оказаться не так просто. По каким-либо причинам дизайнер, заказчик или другая неведомая сила будет категорично настаивать, чтобы название отображалось именно в хлебных крошках. Как бы то ни было, задача есть и ее нужно закрыть. Поэтому я и расскажу, как я с ней справился, в надежде получить одобрение или более элегантное решение) Погнали!

https://habr.com/ru/articles/796579/

#react #react_router #breadcrumbs #хлебные_крошки #apollo #graphql #tanstack_query #antdesign

Динамические Breadcrumbs на React, React Router и Apollo GraphQL

Хлебные крошки - важнейшая часть навигации приложения. В классическом исполнении они отражают текущее положение пользователя в иерархии. А отображение названия карточки товара, статьи или любой...

Хабр
Yep, I’m still using redux http://steinar.bang.priv.no/?p=556 #noxp #frontend #programming #axios #hooks #html #javascript #react_hooks #react_router #redux #redux_hooks #redux_toolkit #saga #web Why I’m still using redux and how I’m currently using redux. One thing I’ve heard a lot recently, when other frontend people have taken a look at my code, is the question “Are you still using redux? That’s so wonderfully quaint and old fashioned. When we threw it out and started using useState() hooks
Yep, I’m still using redux

Why I’m still using redux and how I’m currently using redux. One thing I’ve heard a lot recently, when other frontend people have taken a look at my code, is the question “A…

Steinar Bangs blogg