react Gatsbyとは
GatsbyはReactベースの静的サイトジェネレーターです。
生成される静的サイトはシングルページアプリケーションでもあるため、優れたUXをユーザーに提供できます。
GatsbyはReactの公式サイトを始め、多くのサイトで採用されてい...
react
react 
react React.js&Next.js超入門 第2版を読んでみた
React 17 & React Hooks 対応なので、最新の React を学ぶことができます。
React.js & Next.js超入門 第2版
サンプルファイルのダウンロード
おまけ情報
Link コンポー...
frontend Blitz.js のチュートリアルをやってみる
blitz-js/blitz - github
チュートリアルは、これです。
Tutorial - Blitz
Blitz.jsチュートリアル：投票サービスを15分で作ってみる - 2021年3月7日
ちょっとやってみたけど、...
frontend useSWR で setState する
Next.js でハマったんですが、
useSWR で取得したデータをどうやって setState するか。
なんか普通にやっても、undefined の値が入るんですよ。
タイミングの関係で。
なんか、useSWR が終わるまでの...
react Next.js で React Suspense が使えない
この前、Next.js で React Suspense を使おうとしたんです。
そしたら以下のエラーが出てしまいました。
Error: ReactDOMServer does not yet support Suspense.
この方...
react React Hooks + Suspense + fetch で api からデータ取得
前回、React Hooks + Suspense でコード上のデータを setTimeout() を用いて、非同期として取得しました。
React Hooks + Suspense を試す
今回、fetch API を使い、サーバー...
react React Hooks + Suspense を試す
これまで、React で非同期処理(データを取ってきて、取れたら表示を更新する等)をするには、大変な苦労を伴いました。
Reduxのmiddlewareを駆使したり、Hooks、redux-saga、useEffect等をこねくりまわして...
react react + typescript で画像プレビュー表示
こんな感じにできます
import * as React from 'react';
import * as ReactDOM from 'react-dom';
interface Props {}
interface State ...
rails rails で webpack + react + typescript + jquery
1. Gemfile に追加
gem 'webpacker'
2.webpack インストール
$ bundle exec rails webpacker:install
3.react インストール
$ bundle exec rai...
react deno で react の SSR を動かす
deno を使って、 react の SSR(サーバーサイドレンダリング)を動かす方法です。
今回参考にした記事はこちら
Writing a React SSR app in Deno
コードは上記サイトのそのまま引用しています。
...