我使用React（GraphQL + Tailwind CSS）的组合来创建了一个应用程序【Pokemon Application】

2 年 ago

雅, 悟

1 minute

准备环境

在终端中创建一个React应用程序。

$ npx create-react-app <プロジェクト名>
$ cd <プロジェクト名>
$ npm start

② 安装必要的软件包。

官方网站：Tailwind CSS

$ npm install -D tailwindcss postcss autoprefixer
$ npx tailwindcss init -p

$ yarn add @apollo/react-hooks
$ yarn add apollo-boost
$ yarn add graphql
$ yarn add graphql-tag

组件文件结构

 src
  ├─ components
  ├─ comtainer
  ├─ graphql
       ├── DetailCard.js
       ├── Header.js
       └── SummaryCard.js
  ├── App.js
  ├── index.css
  └── index.js
 ├── .env
 ├── craco.config.js
 ├── tailwind.config.js

参考网站

构建一个Pokemon应用 | React和GraphQL教程 | React教程2020年