雑にReactアプリを作りたい時に使ってるもの

2024/02/27 224 users

import "./App.css"; import { Link, Route, Switch } from "wouter"; function Nav() { return ( <nav> <Link to="/">Home</Link> <br /> <Link to="/about">About</Link> </nav> ); } function Home() { return ( <div className="App"> <h2>Home</h2> <Nav /> </div> ); } function About() { return ( <div classNam... 続きを読む

ssig33: "最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 ##..."

2024/02/26 229 users ssig33 最小限 astro Remix SSR

最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 前提: デカいフレームワークは使わない next.js, Astro, Remixは使わない。next.jsとAstroは大好きなのだが、社内向けとか個人用とか小さいアプリに使うにはあきらかに恐竜であると思う。Remixは大好きではない。 前提: SSRしない SSRもS... 続きを読む

リアルタイム検索最適化：Reactアプリにdebounce処理を組み込む - Techtouch Developers Blog

2023/11/20 21 users Techtouch Developers Blog

はじめに そもそも debounce 処理って？ 本題 今回作りたかったもの 検討したこと useDebounce useDebouncedValue 実装したもの 最後に はじめに テックタッチのフロントエンドエンジニアの ozaan (@shzawa) です。関西 (兵庫県姫路市) 在住のため、普段はフルリモートのメンバーとしてサービス開発に取り組んでいます。... 続きを読む

WordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSS・「WebCrumbs」

2023/11/03 27 users React OSS Reactベース React製 拡張

WebCrumbs WebCrumbsはWordPressを使う感覚でReact製のWebサイトやアプリを運用できるOSSです。プロジェクトを「ReactのためのWordPress」と位置付けており、Reactアプリの為の業界標準ソリューションを目指しているそうです。 WPライク、というようにReactベースのWebサイトを直感的な管理画面で簡単に作成、管理、拡張... 続きを読む

React 18で使える新たなCSSユーティリティ「CSS Components」が公開 ー React 18以降主流になりつつあるサーバーコンポーネントに対応、CSS-in-JSのDX課題を解決

2023/08/02 7 users サーバーコンポーネント LogRocket React向け

8月1日、React向けの組み合わせ可能なCSSコンポーネントの作成について発表がありました。 React 18のリリースにより、サーバーコンポーネントが一般的になり、Reactアプリを作成するためのデフォルトの方法になりました。 [LogRocketのブログ](https://blog.logrocket.com/writing-composable-css-components-react/)で... 続きを読む

【入門】Figmaで作ったデザインをReactアプリ連携する - Qiita

2022/07/23 21 users figma Qiita React AWS 入門

はじめに 今回はAWS Amplify Studioを利用してFigmaで作成したデザインをReactアプリに連携する方法について解説します。 「AWSなんて触ったことないよ！」「Reactも触ったことないでやんす！」って人でもサクッとできるような内容なので読んでいただければなと思います。 目標成果物 Figmaで作成したカードコンポーネン... 続きを読む

React + Material-UIで管理画面を作成してみた | Developers.IO

2020/07/26 21 users React TypeScript material-ui

最近、ReactとMaterial-UIを利用した管理画面を作成する機会がありましたので、Reactアプリの作成からMaterial-UIの導入までの手順をまとめてみました。本記事は前提としてJavaScriptやTypeScriptの知識があるとより分かりやすいと思います。 成果物 次のような管理画面を作成します。 環境 項目 内容 Reactアプリを作成... 続きを読む

AmplifyでReactアプリのデプロイ、CI/CDをする公式チュートリアルをやってみた | Developers.IO

2020/03/23 13 users YUI Amplify React MayForBlue 機会

AWS AmplifyでReactアプリのデプロイ、ホスティングとCI/CDができるチュートリアルをやってみました！ 大阪オフィスのYui(@MayForBlue)です。 AWS Amplify(以下Amplify)を触る機会があり、Reactアプリのデプロイ、ホスティングとCI/CDを試すことができるチュートリアルを見つけたのでやってみました。 Reactを知らなくて... 続きを読む

AWSの次世代JavaScriptライブラリ「AWS Amplify」の概要とReactアプリに導入する手順 #serverless #adventcalendar ｜ Developers.IO

2017/12/12 83 users Serverless Advent Calendar

AWSの次世代JavaScriptライブラリ「AWS Amplify」の概要とReactアプリに導入する手順 #serverless #adventcalendar Serverless Advent Calendar 2017 AWS特集 Cognito SDK&Tools AWS Amplifyとは？ 本記事は Serverless Advent Calendar 2017 の13日目の記事で... 続きを読む