20221204のReactに関する記事は19件です。

Markdownを強力に変換するNodeJSライブラリーremarkを使ってみた2

これは yuriacats アドベントカレンダー4日目の記事です 実装編2 (参考リポジトリ:https://github.com/yuriacats/remark-howto/pull/new/1…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React環境をVercelにデプロイしてみた

ふと、自分のポートフォリオを作ろうかなと思い立って 「どうせ作るなら、世の中に公開したくね?」ってことで Vercelにデプロイしてみたので備忘録がてら記事にしようと思います。 CentOSと迷いま…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

QwikでTODOアプリを作ってみる(3)

https://qiita.com/ta1m1kam/items/c40fc10393e715de316e の続きです。 タスクの完了 タスクのチェックボックスのイベントに応じて親のtaskStor…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactでToDoアプリ作成

制作物 https://gyazo.com/b1e0a24168d5c7c315d11dd332d8254b index.jsの記述 index.htmlのid="root"に対してレンダリングして…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React プロジェクトに入れておきたい eslint-plugin-jsx-a11y

アクセシビリティ何それ美味しの? っていう人は以下のドキュメントを読んできてください https://ja.reactjs.org/docs/accessibility.html eslint-pl…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【フロントテスト】ReactでのMSWの導入

はじめに はじめまして、河村康治です。HITOTSUアドベントカレンダーの4日目担当します!! 普段はバックエンドを主にやっているのですが、E2Eテストの知見を深めていきたいなと思っています。なので…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React用にいい感じの開発環境を作ってみた

Reactを使い始めることにしたので、ちゃんとした開発環境を作りました。 ちゃんとしたフロントエンド環境を作るのは今回が初めてなので、メモしておきます。 プロジェクトのフォルダ構成はこんな感じです。 project ├── build ├── dest │ ├── app.js │ └── app.min.js ├── node_modules ├── package.json ├── src │ └── app.jsx └── index.html…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

鍋をやりたくてサイトを立ち上げた話

これはなに 鍋.netというサイトを立ち上げた汗と涙と落胆の日々を綴りました なぜ 今年は鍋をやりまくるぞという強い気持ち React完全に理解した JQueryもバックエンドももう見たくないよ こ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Redwood.jsで爆速TypeScript-Web開発

こんにちは、あるいはこんばんは。 MedBridgeの開発をしているエンジニアの眞嶋です。 https://medbridge-micin.com/ この記事は MICIN Advent Calen…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React と Google Optimize でA/Bテストする

Google Optimize ではGUI上で簡単にA/Bテストを作成できますが、 フロントエンドの処理も含めて検証したいケースもあります。 本記事では、React でオリジナルと実験パターンを分岐…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【フロントエンド】テストコードを書いて欲しい

はじめに テストコードを書くべきだと言う話はエンジニアをやっていると耳にタコができるぐらい聞くかと思います。 でも、意外とフロントエンドのテストコードを書いたことがある方は少ないんじゃないでしょうか?…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

VueなどのSPAを使った際のRESTAPIの設計

1.はじめに バックエンドとフロントエンドのフレームワーク両方学習し終わった皆さん、本格的に両方を用いたWebアプリ制作を始めると思います!その中の道しるべになればいいなと考えているので、ぜひ見てい…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React 画面から入力できるHTMLタグに制限をかける

画面上のテキストエリアにユーザーがHTML文字列を入力する仕様だが scriptタグなどはXSSリスクがあるので入力できないようにする方法を書きます 実装方法 ポイントは入力されたHTML文字列をs…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

フロントとAPI開発してたエンジニアが VS Code の良さげなプラグインをはる

はじめに 個人的によく使っている・使ったプラグイン名、リンク、簡単な説明を列挙していく。なおトピックをクリックすると飛べる。自分用メモだが、なにか後続に役に立てば幸いです。 基本のやつ ESLint 有名すぎるリンター(linter)。プログラムを静的に解析し、バグや問題点を発見するツール…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React Datepicker実装パターン

html5標準Datepickerを使う inputタグに type="datetime-local" を指定すると利用できます import React, { useState } from "r…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

AWSでReactjsをS3にデプロイしてみた

AWSでReactjsをS3にデプロイしてみた 前提条件 ソース管理:Bitbucket クラウド環境:AWS 独自ドメインでのhttps(SSL) 手順概要 1. S3にバケットを作成する 2. …
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React18の新機能と変更点を実際に手元で動かして理解してみる(自動バッチング, トランジション機能, startTransition(), useTransition(), useDeferredValue())

はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoと申します。 今回は、2022年3月に登場したReactバージョン18の新機能と変更点について実際に手元で動かして確認しよう…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

React初心者の僕が次に学ぶために使用した教材一覧(React v18, CI/CD, Next.jsなど)

はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoと申します。 Reactを使ったことがなかった僕が、Reactを使ったプロジェクトに入って、1年過ぎたので次にステップアップ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

CSSが苦手でも大丈夫!CSS弱者がChakra UIでそれっぽいUIが書けるようになった話

この記事は身の回りの困りごとを楽しく解決! by Works Human Intelligence Advent Calendar 2022の4日目の記事です。 はじめに 初めまして!ゆっきーです…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む