■今のフロントエンドのコードを書いてるとCOBOLの頃を思い出す

constを上から順にひたすら羅列していく感じがなんかね

と思うオブジェクト指向おじさんなのだった

以下chatgptによるremixjsの例

import { useEffect, useState } from "react";

import { json } from "@remix-run/node";

import { useLoaderData } from "@remix-run/react";

export const loader = async () => {

const response = await fetch("https://api.example.com/data");

const data = await response.json();

return json({ initialData: data });

};

export default function Index() {

const { initialData } = useLoaderData();

const [data, setData] = useState(initialData);

useEffect(() => {

const fetchData = async () => {

const response = await fetch("http://api.com/get");

const newData = await response.json();

setData(newData);

};

fetchData();

}, []);

if (initialData.value === null || data.value === null) {

return (

);

}

return (

<h1>Remix: SSR + クライアント処理</h1>

サーバーサイドの初期データ: {initialData.value}

クライアントで更新したデータ: {data.value}