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 コンポーネントについて impo...
frontend Blitz.js のチュートリアルをやってみる
blitz-js/blitz - github チュートリアルは、これです。 Tutorial - Blitz Blitz.jsチュートリアル：投票サービスを15分で作ってみる - 2021年3月7日 ちょっとやってみたけど、変なエラーが出...
frontend useSWR で setState する
Next.js でハマったんですが、 useSWR で取得したデータをどうやって setState するか。 なんか普通にやっても、undefined の値が入るんですよ。 タイミングの関係で。 なんか、useSWR が終わるまでの値を s...
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 { i...
rails rails で webpack + react + typescript + jquery
1. Gemfile に追加 gem 'webpacker' 2.webpack インストール $ bundle exec rails webpacker:install 3.react インストール $ bundle exec rails...
react deno で react の SSR を動かす
deno を使って、 react の SSR(サーバーサイドレンダリング)を動かす方法です。 今回参考にした記事はこちら Writing a React SSR app in Deno コードは上記サイトのそのまま引用しています。 まず適当...