MBP(はてな)

MacBook Pro,iPhone Xs,React

RHBFav

自分用のHBFavのReact版

githubリポジトリ名:RHBFavで作成して、
$ git remote add origin https://github.com/hiroyuki12/RHBFav.git

$ node -v
v18.6.0

$ npm -v
8.13.2

$ yarn -v
1.22.19

プロジェクトを作成
$ npm create vite@latest
RHBFav
reactを選択

$ cd RHBFav
$ yarn install
$ yarn dev

$ git init
$ git add .
$ git commit .

$ git remote add origin https://github.com/hiroyuki12/RHBFav.git
$ git branch -M main
$ git push -u origin main

$ yarn dev したら自動でブラウザを開くように設定ファイルを変更
Vite で最速 React & TypeScript

App.jsxをコピー。Feedly.jsx
main.tsxFeedlyのimportを追加して、元のimportをコメントアウト

react-pagesのSearch.jsをコピー。拡張子はjsxに変更。

returnをSearchだけにして、handleClickを追加

  const handleClick = () => {
  }

  return (
    <div className="App">
      <Search search={handleClick} />
    </div>
  )

その他処理を追加
参考
react-pages/Feedly.js at main · hiroyuki12/react-pages · GitHub

feedly Cloud APIでカスタムRSSリーダーを作る(Part2) - Glasses Dogの雑記

feedly, Cloud の検索結果 - Glasses Dogの雑記



https://rhbfav-vite.vercel.app